使用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 save按钮来激活我的控制器中的任务.

HTML

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

我的问题是jquery验证不会停止joomla提交.我想要做的是当用户点击SAVE我只想在没有验证错误的情况下提交表单.我该怎么做 ？谢谢

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