Javascript 如何使用jQuery Validate submitHandler提交表单
这是jQuery提交表单代码。我想知道的是如何使用submitHandler提交表单。提前谢谢Javascript 如何使用jQuery Validate submitHandler提交表单,javascript,jquery,forms,jquery-validate,Javascript,Jquery,Forms,Jquery Validate,这是jQuery提交表单代码。我想知道的是如何使用submitHandler提交表单。提前谢谢 submitHandler: function(form) { // do other stuff for a valid form $.post('thankyou.php', $("#confrom").serialize(), function(data) { $("#confrom").fadeOut('fast', function(){
submitHandler: function(form) {
// do other stuff for a valid form
$.post('thankyou.php', $("#confrom").serialize(), function(data) {
$("#confrom").fadeOut('fast', function(){
$('#results').html(data);
});
});
}
插件中内置了一个
submitHandler
,它包含类似form.submit()
的内容。由于您使用自己的自定义submitHandler
,因此仍然需要使用submit
。否则,在您的情况下,只需执行某种Ajax,而不是.submit()
submitHandler
位于.validate()
方法的内部。为了使用.validate()
方法,必须在包含jQuery之后首先包含jQuery验证插件
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script>
$(document).ready(function() {
$('#yourform').validate({
// other options,
submitHandler: function(form) {
// do other stuff for a valid form
$.post('thankyou.php', $(form).serialize(), function(data) {
$("#confrom").fadeOut('fast', function(){
$('#results').html(data);
});
});
}
});
});
</script>
$(文档).ready(函数(){
$(“#您的表单”)。验证({
//其他选择,
submitHandler:函数(表单){
//为有效的表单做其他事情
$.post('thankyou.php',$(form).serialize(),函数(数据){
$(“#confrom”).fadeOut('fast',function(){
$('#results').html(数据);
});
});
}
});
});
根据您的作品和标题的原始措辞,您是否意识到submitHandler
是.validate()
方法的一个选项,它是jQuery验证插件的一部分?否则,您的代码看起来很好,它将通过Ajax提交表单。清楚地解释你的问题、期望的结果和实际结果。