JQuery检查必填字段
JQuery check required fields
我在JQuery:中创建了这个函数
function CheckRequired() {
var ret = true;
$(".required").each( function() {
var check = $(this).val();
if(check == '') {
//alert($(this).attr("id"));
ret = false;
}
});
if(!ret) {
alert("One or more fields cannot be blank");
return false;
}
}
在我的表单提交按钮上,我在点击时运行这个
<input type="submit" onClick="CheckRequired();" />
如果表单中类为required的任何字段的值为空,则错误将提醒用户,表单不应提交。
警报正在显示,但表单似乎仍在提交
使用preventDefault。此方法确保不会触发事件的默认操作。
function CheckRequired(event) {
var ret = true;
$(".required").each( function() {
var check = $(this).val();
if(check == '') {
//alert($(this).attr("id"));
event.preventDefault();
}
});
if(!ret) {
alert("One or more fields cannot be blank");
event.preventDefault();
}
}
为了防止表单提交,您应该将事件绑定到表单的onsubmit,并返回函数结果
<form onsubmit="return CheckRequired()" />
此外,由于您已经使用了jquery,因此在javascript:中绑定事件会方便得多
$('#form_id').submit(function(){
//your form submit code
})
我认为您必须使用event.preventDefault();
来阻止默认提交操作,如下所述:防止带有onclick事件的提交按钮提交
相关文章:
- JavaScript 检查隐藏字段中的值并将其设置为隐藏字段值
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用JQuery检查输入(电子邮件)字段是否包含特殊字符
- 为什么我用于检查所需输入字段的jQuery脚本如此缓慢
- 表单级别的Anguarjs指令,访问所有字段并检查验证
- 正在检查HTML表单上的空字段
- j查询检查复选框是否被选中,然后向输入字段添加值
- 在提交时检查正则表达式验证,如果为空,则聚焦所有输入字段
- 要检查的正则表达式数值字段没有 /或具有所有相同的数字
- 隐藏隐藏的输入字段;检查元件”;
- JQuery:如何检查复选框是否被选中并向字段添加属性
- 我的单选按钮没有从foreach循环中获得值,表单验证返回'必填字段'即使已检查
- 检查以上表格字段是否正确填写
- 如何使用javascript检查id字段为空的单选按钮
- 隐藏字段并将其从检查函数中删除
- Ember-自定义计算属性,用于检查是否存在所有依赖字段
- 中继器中asp.net复选框的必填字段检查
- 空字段检查
- Javascript验证允许多个文件上传的字段.检查是否已作出选择
- 如何用确认密码字段检查密码字段