通过jQuery代码上的单行/最小行进行所有输入字段验证
通过jQuery代码上的单行/最小行进行所有输入字段验证
提问于 2010-03-06 05:33:13
我有一个表单，其中有30个输入框和10个文本区域，以及3个选择框(更新的)字段，所有这些都是强制字段。
如何通过jQuery /javascript对其can't be blank/empty/NULL.的所有输入字段一起应用验证
我不想每次使用每个输入框的ID，并为每个输入框和文本区域创建单独的验证。
如果任何输入字段为空，则其边框变为红色，当要写入某项内容时，则变为正常(没有边框，即删除该类)
更新
还有一些复选框-- ..how --我要一起验证它们吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-03-06 06:16:25
- 从每个文本、文本区域和列表框字段中删除红色边框。
- 筛选出至少包含1个非空白字符的元素-\S+
- 向其余元素
添加红色边框。
javascript
function validate() {
return $("input:text,textarea,select").removeClass('blank').filter(function() {
return !/\S+/.test($(this).val());
}).addClass('blank').size() == 0;
}
$('#form').submit(validate);css
.blank {
border: 1px red solid;
}Stack Overflow用户
发布于 2010-03-06 05:40:12
就像这样：
$("#myForm").submit(function() {
// if there are some empty inputs
if($(":input[value]").length != $(":input").length)) {
// filter out the empty ones, apply some CSS
$(":input").filter(function() {
return this.value.length == 0;
}).addClass("blank");
// do not submit
return false;
}
});
$(":input").blur(function() {
if(this.value.length > 0) {
$(this).removeClass("blank");
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2391456
复制相关文章
相似问题
腾讯云开发者
