验证失败时突出显示的输入字段
highlighted input field on validation failure
我有三个下拉字段,我想在验证失败后突出显示这三个字段,但在验证后只突出显示一个字段,并且在选择该字段表单提交后,对于其他两个字段脚本不起作用
$("#inputSubmit").click(function(){
var pColor = $("#select").val();
var pSize = $("#select2").val();
var pQuantity = $("#select3").val();
if((pColor == '') || (pColor == 'color'))
{
$("#select").css("border-color", "red");
$("#error").show();
}
if((pSize == '') || (pSize == 'size'))
{
alert(1);
$("#select2").css("border-color", "red");
}
if((pQuantity = '') || (pQuantity == 'quantity'))
{
$("#select3").css("border-color", "red");
}
if( (pColor != 'color') && (pSize != 'size') && (pQuantity != 'quantity'))
{
$("#InputForm").submit();
}
});
尝试这样的事情:
var isValid = $('select').filter(function() {
return !this.value || this.value == $(this).data('default-value');
}).css("border-color", "red").length == 0;
if (isValid)
$("#InputForm").submit();
对于每个<select>
元素,放置一个具有默认值值的data-default-value
属性,然后...它是用五行而不是 20 行完成的!
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 如何在HTML输入字段中添加不可删除的后缀
- 互斥单选按钮和相应的输入字段
- 在IE9中的输入字段中输入焦点最近按钮
- 选中单选框时将属性添加到输入字段
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 我如何在数字插入中使用逗号,这样它就不会'不要破坏我的输入字段
- 在输入字段上有两个函数调用,一个在Blur上,一个不在Angular中
- 输入字段将't获取更新的值
- 如何选择多个输入字段并删除所需的属性
- 输入字段,只接受0到12之间的数字
- 单击鼠标,用MySQL数据填充html表单输入字段
- 使用jquery将输入字段转换为文本
- Model中的Typeahead返回空值以形成输入字段
- 如何从查询字符串中的输入字段发回文本
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- 将值传递给jquery创建的输入字段