Javascript 如何将jQuery验证器与提交函数一起使用?
单击“开始”按钮后,我希望表单首先进行验证,如果未进行验证,则显示错误消息,或者转到submit()函数下的网站 在javascript中使用这种语言的正确方法是什么?我是否需要启动一个Javascript 如何将jQuery验证器与提交函数一起使用?,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,单击“开始”按钮后,我希望表单首先进行验证,如果未进行验证,则显示错误消息,或者转到submit()函数下的网站 在javascript中使用这种语言的正确方法是什么?我是否需要启动一个函数(){….},或者我只是按照我所做的去做,是否有一种方法可以返回true或false来判断它是否有效?这是我第一次用javascript编写代码 HTML: window.location.href只是告诉浏览器打开该url,而不是提交表单。如果您希望浏览器提交,请将操作url放入表单并删除提交句柄如果您阅读
函数(){….}
,或者我只是按照我所做的去做,是否有一种方法可以返回true或false来判断它是否有效?这是我第一次用javascript编写代码
HTML:
window.location.href
只是告诉浏览器打开该url,而不是提交表单。如果您希望浏览器提交,请将操作url放入表单并删除提交句柄如果您阅读文档,您将看到jQuery.validate有一个submitHandler
,在表单有效时应用于提交表单。
<form action="" method="post" class="form-horizontal" id="new-pbc-form">
<div class="control-group">
<label class="control-label" for="project-name">Project Name</label>
<div class="controls">
<input type="text" name="name" id="projectname" placeholder="Project Name" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="project-version">Project Version</label>
<div class="controls">
<input type="text" name="version" id="project-version" placeholder="Project Version" />
</div>
</div>
<div class="control-group">
<div class="controls">
<button type="submit" class="btn" id="pbc-start-btn">Start</button>
</div>
</div>
</form>
$('#new-pbc-form').validate({ // initialize the plugin
rules: {
name: {
required: true
},
version: {
required: true
}
}
});
$('#new-pbc-form').submit(function () {
window.location.href = "WebForm2.aspx";
return false;
});