[英]Prevent form submission using jQuery
我正在使用jquery驗證表單,如下所示:
jQuery(document).ready(function(){
jQuery('#adminform').validate({
rules: {
name: {
minlength: 5,
maxlength: 30,
required: true
},
username: {
required: true,
minlength: 5,
maxlength: 30
}
},
highlight: function(label) {
jQuery(label).closest('.control-group').addClass('error');
},
success: function(label) {
label
.text('OK!').addClass('valid')
.closest('.control-group').addClass('success');
},
messages:{
name: {
required: "Enter your name"
},
username: {
required: "Enter a username"
}
}
});
});
現在,如果不符合規則,我應該如何防止提交表單?
當我單擊提交按鈕時,什么也不會發生。
要停止提交表單,請使用:
return false;
當您知道輸入無效時。
阻止提交事件並保留在屏幕上
e.preventDefault();
那這個呢?
Prevent form submission using jQuery?
$('#myFormId').submit(function(event) {
event.preventDefault();
});
要么:
$('#myFormId').submit(function()
{
return false;
});
您的代碼很完美,只是需要一個提交觸發器: http : //jsfiddle.net/uUdWN/
jQuery(document).ready(function() {
jQuery('#adminform').validate({
rules: {
name: {
minlength: 5,
maxlength: 30,
required: true
},
username: {
required: true,
minlength: 5,
maxlength: 30
}
},
highlight: function(label) {
jQuery(label).closest('.control-group').addClass('error');
},
success: function(label) {
label.text('OK!').addClass('valid').closest('.control-group').addClass('success');
},
messages: {
name: {
required: "Enter your name"
},
username: {
required: "Enter a username"
}
}
});
$("#adminform").submit(); // <-------------just triggered submit
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.