如何啓用/禁用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。