如何启用/禁用HTML5必填字段验证？

Question

我有一个表单，我需要为3字段进行条件验证。 这些字段是电子邮件，名字和姓氏。 所以电子邮件字段文本框有价值，我不需要验证名字&姓氏，我的意思是后来2可以是空的。 如果名字&姓氏字段有价值，电子邮件可以是空的。

我正在使用HTML5必需属性。

如何启用停用HTML5验证器使用jQuery？

Answer 1

检查值并删除required属性。

$('#btnSubmit').on('click', function() { 
 
    if ($('input[name=last]').val() != "" && $('input[name=first]').val() != "") 
 
    $('input[name=Email]').removeAttr("required"); 
 
    else if ($('input[name=Email]').val() != "") $('input[name=first],input[name=last]').removeAttr("required"); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post"> 
 
    First: 
 
    <input type="text" name="first" value="" required /> 
 
    <br />Last: 
 
    <input type="text" name="last" value="" required /> 
 
    <br />Email: 
 
    <input type="text" name="Email" value="" required /> 
 
    <br /> 
 
    <input type="submit" value="Submit" id="btnSubmit" /> 
 
</form>

Answer 2

试试这个：

jQuery的

$('#Email').removeAttr('required');​​​​​ 

Answer 3

要删除

$("#txt").removeAttr("required"); 

要添加

$("#txt").attr("required",""); 

Answer 4

这可能有助于哟ü

$('button').click(function(){ 
 
    $('input').each(function(){ 
 
    $(this).prop('required', !$(this).attr('required')) 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" nam="FirstName" placeholder="First Name" required/> 
 
<input type="text" nam="LastName" placeholder="Last Name" required/> 
 
<input type="text" nam="Email" placeholder="Email" required/> 
 

 
<br/> 
 
<button> 
 
Enable/Disable All inputs 
 
</button>

这就像toggling的required attribute。