Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何选择必填字段进行选择_Javascript_Php_Jquery_Html_Wordpress - Fatal编程技术网

Javascript 如何选择必填字段进行选择

Javascript 如何选择必填字段进行选择,javascript,php,jquery,html,wordpress,Javascript,Php,Jquery,Html,Wordpress,我正在我的网站上做一些改变,我用选择框制作了我的表格。在选择之前,我使用的是输入字段,但现在我将它们改为选择,因为这些字段正在从我的数据库中读取值 因此,现在我试图将这些select字段标记为所需,但不知道如何做 这是我为带有required标志true的输入字段编写的代码,但现在如何对select字段执行相同的操作 jQuery(".next").click(function () { var filter = true, reded = []; jQuery(".vi

我正在我的网站上做一些改变,我用选择框制作了我的表格。在选择之前,我使用的是输入字段,但现在我将它们改为选择,因为这些字段正在从我的数据库中读取值

因此,现在我试图将这些select字段标记为所需,但不知道如何做

这是我为带有required标志true的输入字段编写的代码,但现在如何对select字段执行相同的操作

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);

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

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

required也适用于select input无需jQuery:只需这样做……您的选项……您的代码可以是$.visible path input[required]。每个函数{$this.toggleClassred,this.value==};然后稍后:setTimeoutfunction{$.red.cssborder,1px solid e7e7e7;},800;请不要从评论中做出回答。我们已经在问题下的评论中进行了讨论