使用 Joomla CMS 进行 jQuery 验证答案

【问题标题】：jQuery Validation with Joomla CMS使用 Joomla CMS 进行 jQuery 验证
【发布时间】：2012-10-01 06:53:34
【问题描述】：

我使用下面的 jquery.validation 在前端验证电子邮件。它工作正常。

jQuery(function(){ 
  //checking email is blank or not
  jQuery("#email").validate({
    expression: "if(VAL) return true; else return false;",
    message: "<?php echo JText::_('Error in email'); ?>"
  });
});

PHP - Joomla 保存按钮

JToolBarHelper::save();

我使用 joomla 原生保存按钮来触发以在我的控制器中保存任务。

HTML

<input type="text" name="email" id="email" value="">

我的问题是 jquery 验证不会停止 joomla 提交。我想要做的是当用户单击“保存”时，我只想在没有验证错误的情况下提交表单。我该怎么做？谢谢

【问题讨论】：

你试过了吗-docs.joomla.org/Client-side_form_validation
我想要做的是使用上面的验证。不是内置验证
我刚刚提出了一个解决方法。它不需要任何 jquery。
我应该使用上述验证。无论如何感谢您的链接

标签： jquery validation joomla jquery-validate joomla2.5

【解决方案1】：

希望这对你有帮助-

//Joomla 1.5
    function submitbutton(pressbutton) {   
     var isValid = jQuery("#form-id").valid();
     if(isValid){
      submitform(pressbutton); 
     }else{
      return false;
     }
    }
    jQuery(document).ready(function(){
     jQuery("#form-id").validate();
    });

//joomla 2.5
<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#form-id").validate();
});
Joomla.submitbutton = function(task)
{
    var isValid = jQuery("#form-id").valid();
    if(isValid){
        Joomla.submitform(task, document.getElementById('form-id'));  
    }else{
        return false;
    }
}
</script>

【讨论】：