當表單通過jQuery提交時，需要的不是HTML5中的工作？

必需屬性沒有在HTML page.I工作讓我的提交按鈕不允許雙擊與JQuery.It工作正常，但如果需要用戶提交與空fields.How的形式來解決，這是不工作？對於所有的幫助感謝提前。當表單通過jQuery提交時，需要的不是HTML5中的工作？

這裏我的代碼是：

$(function() { 
 
    $('#btnSubmitInTimesheet').on('click', function() { 
 
    console.log("inside clickkk"); 
 
    $(this).val('Please wait ...') 
 
     .attr('disabled', 'disabled'); 
 
    setTimeout('$("#btnSubmitInTimesheet").removeAttr("disabled")', 1000); 
 
    $(this).val('Submit') 
 
    $('#timesheetForm').submit(); 
 

 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
 

 
<td> 
 
    <input type="text" required> 
 
</td> 
 
<td> 
 
    <input type="submit" id="btnSubmitInTimesheet"> 
 
</td>

來源

2016-06-28 dnvsp

你包括jQuery驗證庫？ – progrAmmar

是的jQuery的作品也。 – dnvsp

的可能的複製[HTML5需要和jQuery提交（）]（http://stackoverflow.com/questions/11381369/html5-required-and-jquery-submit） – Tibrogargan

-1

$('#btnSubmitInTimesheet').click(function(){ 
    console.log("inside clickkk"); 
    $(this).val('Please wait ...').attr('disabled','disabled'); 
    setTimeout('$("#btnSubmitInTimesheet").removeAttr("disabled")', 1000); 
    $(this).val('Submit'); 
    $('#timesheetForm').submit(); 
}

試試這一個。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

把這個頭

來源

2016-06-28 06:20:20

不與工作。點擊（） – dnvsp

你包括jQuery的庫正常嗎？ –

從html5 required and jquery submit()

看起來要麼form.submit任何呼叫（）或form.trigger（ '提交'）通過jQuery將規避必填字段檢查。我用普通的按鈕取代了提交按鈕，隱藏着一個單獨的提交按鈕固定它，所以它的onclick可以通過jQuery的觸發

<script> 
$(document).ready(function() { 
    $(document).on("click","#btnSubmitInTimesheet",function(e) { 
     $(this).val("Please wait ...").attr("disabled","disabled"); 
     setTimeout(function() { 
      $(this).val('Submit'); 
      $("#btnSubmitInTimesheet").removeAttr("disabled"); 
      $("#realSubmit").trigger("click"); 
     }, 1000); 
    }); 
}); 
</script>

HTML正文：

<body> 
<form id="timesheetForm" action="someOtherPage.html"> 
<input type="submit" id="realSubmit" style="display:none"> 
<input type="button" id="btnSubmitInTimesheet" value="Blah?"> 
<input name="foo" type="text" required> 
</form> 
</body>

來源

2016-06-28 06:30:47 Tibrogargan

不適用於上述情況。 – dnvsp

@dnvsp您的代碼使用Scala的，我沒有，所以我不能運行代碼，即使它是一個[MCVE]，它不是。我將編輯答案以包含完整的點擊處理程序。 – Tibrogargan

@dnvsp你的setTimeout似乎無效。您編寫它的方式將設置超時，將該按鈕更改爲「提交」（但仍將被禁用），然後立即提交表單。假設形式所具有的動作集，瀏覽器會立即導航離開該頁面和超時不會發生 – Tibrogargan

當表單通過jQuery提交時，需要的不是HTML5中的工作？

回答

相關問題