Javascript 为输入定义自己的属性

我有一个HTML文件，如下所示：

        Input 1: <input type="text" required="false" /><br>
    Input 2: <input type="text" required="true" /> *<br>
    Input 3: <input type="text" required="false" /><br>
    Input 4: <input type="text" required="false" /><br>
    Input 5: <input type="text" required="true" /> *<br>
    Input 6: <input type="text" required="false" /><br>
    Input 7: <input type="text" required="true" /> *<br>
    <input type="button" id="subButton" value="Run" />

如果我将attr改为“type”，如果我没有填满每个框，它就会工作。但我想将其与所需的属性一起使用

有什么想法吗，为什么不起作用

感谢您的帮助

使用

data-required="true/false"

然后

---

您以错误的方式使用了

required

。如果是HTML，则应如下所示：

<input type="text" required />

<input type="text" required="required" />

data-reqd="yes"

---

否则，您可以通过以下方式自由使用

数据-*

属性：

<input type="text" required />

<input type="text" required="required" />

data-reqd="yes"

并通过以下方式访问：

if ($(this).data("reqd") == "yes") { ... }

是

s的正式（非“自己定义的”）属性，它的-

“false”

是无效值。另外，在这个问题上使用jQuery的

attr

会增加一些额外的怪癖，因此您可以返回字符串

“required”

。最好使用

required

属性，它实际上返回一个布尔值

Input 1: <input type="text" /><br>
Input 2: <input type="text" required /> *<br>
Input 3: <input type="text" /><br>
Input 4: <input type="text" /><br>
Input 5: <input type="text" required="" /> *<br>
Input 6: <input type="text" /><br>
Input 7: <input type="text" required="required" /> *<br>
<input type="button" id="subButton" value="Run" />

<script type="text/javascript">
    $(document).ready(function(){
         $("#subButton").click(function(){
             var setError = false;
             $(":input").each(function(e){
                 if ( this.required && this.value == "" )
                     setError = true;
                 }
             });
             if ( setError )
                 alert("Not all required fields are filled");
         });
     });
</script>

输入1:

输入2::

输入3:

输入4:

输入5:*

输入6:

输入7::

$（文档）.ready（函数（）{
$（“#子按钮”）。单击（函数（）{
var setError=false；
$（“：输入”）。每个（函数（e）{
if（this.required&&this.value==“”）
setError=true；
}
});
如果（设置错误）
警报（“未填写所有必填字段”）；
});
});

是一个布尔属性。将其设置为

“false”

无效。您正在使用哪个浏览器？你能做一个吗？哇，谢谢。道具是解决办法。你知道，我是假装的，所以必须这样做。全新的时刻都在等待你的帮助。：）