jQuery 忽略 HTML5 输入要求答案

【问题标题】：jQuery ignore HTML5 input requiredjQuery 忽略 HTML5 输入要求
【发布时间】：2014-05-14 06:08:47
【问题描述】：

我有一个 HTML 输入

<input type="text" 
       class="form-control" 
       name="inputExtraEmail" 
       id="extraEpost" 
       placeholder="E-post" 
       required/>

我想忽略 jQuery click 方法中的 required 属性

$('#addBtn').click(function (e) {

}

我该怎么做？

【问题讨论】：

你不能删除所需的标签，还是其他东西需要这个？

标签： jquery html required

【解决方案1】：

如果您不想删除必需的属性，请在最后一条语句中附加它

  $('#addBtn').click(function (e) {
        $('#extraEpost').removeAttr('required');

           //your code


        $('#extraEpost').attr('required',true);
    });

【讨论】：

【解决方案2】：

您可以使用.removeAttr()：

$('#addBtn').click(function (e) {
    $('#extraEpost').removeAttr('required');
});

【讨论】：

【解决方案3】：

$('#addBtn').click(function (e) {
    $('#extraEpost').removeAttr('required');
});

或者只是添加如下的 novalidate 属性

http://www.w3schools.com/tags/att_form_novalidate.asp

$('#addBtn').click(function (e) {
        $('#extraEpost').attr('novalidate', 'novalidate');    
});

【讨论】：