如何在onClick =“functionname()”之前执行JQuery validate();

时间:2009-11-04 07:28:07

标签: jquery ajax forms onclick validation

表单,我使用AJAX传输数据。 AJAX由onClick =“”触发,我也使用JQuery validate()。在onclick =“function()”之后执行JQuery validate(),我想在onc​​lick =“functionname()”之前执行JQuery validate(),怎么做?

<?php $addtext=<<<html
<a id="give_comment" href="javascript:void(0)">Supplement</a>
<div id="comment_text" name="comment_text" style="display:none">
<form id="add_text" action="nofile.php"  method="post" onsubmit="return false;">
<textarea  id="giver_comment_text" name="giver_comment_text" rows="6" cols="70" class="font1"></textarea><br/>
<input id="giver_submit_comment" type="submit" value="Submit" onclick="validateDetail()" /></form></div>
<br/>
html;
echo $addtext;
?>

Javascript代码:

function validateDetail()
{
  $('#add_text').validate({
        rules:{
            giver_comment_text:{
                required:true,
                minlength:50,
                  maxlength:600 
            }
        },
      });
    var detail=$('#giver_comment_text').val();

//$.post(The content of AJAX);
}

1 个答案:

答案 0 :(得分:4)

您可以从onClick处理程序中删除该功能,并使用submitHandler。阅读documentation,这是他们在那里提供的样本:

$(".selector").validate({   
  submitHandler: function(form) {
  // do other stuff for a valid form
  form.submit();    
  } 
})

所以,您需要做的就是在验证表单后在function()内调用submitHandler