【问题标题】:How to make a select required fields如何选择必填字段
【发布时间】: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 也适用于选择输入
  • 就这样吧&lt;select required&gt;.....your options....&lt;/select&gt;
  • 您的代码可能是$(".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


【解决方案1】:

不需要 JQuery,只需添加 HTML5 属性“必需”即可选择。它负责验证。

<select required>
....
</select>

【讨论】:

  • 请不要从 cmets 回答。我们已经在问题下的 cmets 中进行了讨论
猜你喜欢
  • 1970-01-01
  • 2015-12-10
  • 1970-01-01
  • 1970-01-01
  • 2020-04-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多