作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我尝试在提交请求之前验证表单。我正在使用 jquery 验证
我希望当页面完成加载时,表单将自动提交,并且我会在 div 中看到“正在加载”。但什么也没发生这是我的代码。但似乎它不起作用..
<script type="text/javascript">
function submitForm() {
$('#SearchForm').validate({
errorLabelContainer: "#ErrorLabel",
rules: {
instrument: {
required: true,
maxlength: 10
}
},
messages: {
maxlength: "Must no longer than 10 characters",
required: "Must not be empty"
},
submitHandler: function () { $('#SearchForm').submit(); }
});
}
$(document).ready(function () {
$('#SearchForm').submit(function () {
$('#DivToUpdate').text('Loading ...');
});
submitForm();
});
</script>
会
最佳答案
制作了一个小型工作演示 http://jsfiddle.net/CRfuZ/
两件事:尝试放置 invalidHandler
并将 form
传递给 submitHandler
在上面的演示中,如果您要输入更多的 maxlenght 10
,invalidHandler
中的 halbert 将捕获它。
请尽情体验演示。
希望这会有所帮助:)
链接:http://docs.jquery.com/Plugins/Validation/validate
代码
jQuery(function($) {
$("#form").validate({
debug: false,
focusInvalid: false,
onfocusout: false,
onkeyup: false,
onclick: false,
rules: {
instrument: {
required: true,
maxlength: 10
},
},
messages: {
maxlength: "Must no longer than 10 characters",
required: "Must not be empty"
},
success: function(label) {
alert('succes:' + label);
},
submitHandler: function(form) {
alert('start submitHandler');
postContent('test');
alert('end submitHandler');
},
invalidHandler: function(form, validator) {
alert('invalidHandler');
},
});
});
function postContent(postData) {
alert('postcontent: ' + postData);
}
关于jquery - 如何仅在验证成功时提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10959728/
我是一名优秀的程序员,十分优秀!