【发布时间】:2019-04-22 06:58:37
【问题描述】:
我正在对我的网站进行一些更改,并使用选择框制作了我的表单。在选择之前,我使用的是输入字段,但现在我将它们更改为选择,因为这些字段正在从我的数据库中读取值。
所以现在我尝试将这些选择字段标记为必填项,但不知道该怎么做。
这是我的需要标志为 true 的输入字段的代码,但现在如何对选择字段执行相同操作。
jQuery(".next").click(function () {
var filter = true,
reded = [];
jQuery(".visible-path input").filter("[required]").each(function () {
if (jQuery(this).val() === '') {
jQuery(this).css("border", "1px solid red");
reded.push(jQuery(this).index("input"));
filter = false;
}
});
setTimeout(function () {
for (var i = 0; i < reded.length; i++) {
jQuery("input").eq(reded[i]).css("border", "1px solid #e7e7e7");
jQuery("select").eq(reded[i]).css("border", "1px solid #e7e7e7");
}
reded = [];
}, 800);
【问题讨论】:
-
required也适用于选择输入 -
不需要 jQuery:stackoverflow.com/questions/6048710/…
-
就这样吧
<select required>.....your options....</select> -
您的代码可能是
$(".visible-path input[required]").each(function () { $(this).toggleClass("red",this.value==="") }); -
后来:
setTimeout(function () { $(".red").css("border", "1px solid #e7e7e7"); }, 800);
标签: javascript php jquery html wordpress