![](/img/trans.png)
[英]prevent form submission when all input text fields are empty but allow submission when any of them in not empty with jquery
[英]Using jQuery to prevent form submission when input fields are empty
解决方案应该非常简单。 我想在输入框中找不到任何值时阻止表单正确提交。 这是我的JSFiddle: http : //jsfiddle.net/nArYa/7/
//标记
<form action="" method="post" name="form" id="form">
<input type="text" placeholder="Your email*" name="email" id="email">
<input type="text" placeholder="Your name*" autocomplete=off name="name" id="user_name"
<button type="submit" id="signup" value="Sign me up!">Sign Up</button>
</form>
// jQuery的
if ($.trim($("#email, #user_name").val()) === "") {
$('#form').submit(function(e) {
e.preventDefault();
alert('you did not fill out one of the fields');
})
}
正如您在JSFiddle中看到的那样,问题是当我在两个字段中输入内容时,会弹出警告框STILL。 我很难搞清楚原因。 在我的if($ .trim($“#email,#user_name”)。val())===“”)中是否有问题?
两件事,#1检查空字段应该在每次提交尝试时发生,#2你需要单独检查每个字段
$('#form').submit(function() {
if ($.trim($("#email").val()) === "" || $.trim($("#user_name").val()) === "") {
alert('you did not fill out one of the fields');
return false;
}
});
您的检查在页面加载时发生。 提交表单时需要检查字段。
$('#form').submit(function(e) {
if ($.trim($("#email, #user_name").val()) === "") {
e.preventDefault();
alert('you did not fill out one of the fields');
}
});
HTML5:输入标记中需要使用
布尔属性。
在提交表单之前必须填写输入字段。
适用于文本,搜索,网址,电话,电子邮件,密码,日期选择器,号码,复选框,广播和文件。
<input required type='text'...>
我想这会有所帮助:
$('#form').submit(function(e) {
e.preventDefault();
$("#email, #user_name").each(function(){
if($.trim(this.value) == ""){
alert('you did not fill out one of the fields');
} else {
// Submit
}
})
})
将if语句放在回调中:
$('#form').submit(function(e) {
if ($.trim($("#email").val()) === "" || $.trim($("#user_name").val())) {
e.preventDefault();
alert('you did not fill out one of the fields');
//You can return false here as well
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.