使用 Joomla CMS 进行 jQuery 验证

Question

我使用下面的 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 native 保存按钮来触发在我的 Controller 中保存任务。

HTML

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

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

Answer 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>

了解更多详细信息 - http://docs.jquery.com/Plugins/Validation/valid