引導表單驗證中的兩個按鈕

我正在使用引導表單驗證進行表單驗證。我有兩個特定形式的按鈕，一個是確認按鈕，另一個是提交按鈕。我想阻止提交中的確認按鈕並將其用作驗證按鈕。如果表格填寫正確，另一個按鈕僅用於提交。如果表單被接受，確認按鈕將淡出。引導表單驗證中的兩個按鈕

<form method="post" action=""> 
    <input type="text" name="name"> 
    <input type="text" name="name"> 
    <input type="submit" name="confirm" value="Confirm"> 
    <input type="submit" name="submit" value="Submit"> 
</form>

如果我在確認按鈕上使用類型「按鈕」，它不會驗證窗體。如果有人有任何想法，請回答。非常感謝你的回答。

來源

2016-05-18 Ken Phanith

你需要對確認按鈕添加事件點擊裏面的點擊，您必須驗證表單.. –

使簡單。禁用提交按鈕，直到表單驗證。否則，如果您想以這種方式執行綁定和事件與您的確認按鈕。爲前。 button.addEventListener（'click，function（）{//在這裏做你的東西。}）; –

謝謝@Reddy你能給我一些代碼嗎？ –

我將第一個按鈕的元素從輸入改爲按鈕。

<form method="post" action=""> 
 
    <input type="text" name="name"> 
 
    <input type="text" name="name"> 
 
    <button name="confirm" type="button">Confirm</button> 
 
    <input type="submit" name="submit" value="Submit"> 
 
</form>

來源

2016-05-18 04:08:06

我認爲下面的答案是行不通的，因爲bootstrap表單驗證不適用於type =「button」。我已經測試過一個。感謝您的回答。 –

給一個編號，以確認按鈕和形成。我測試了這個，它的工作。

<form method="post" action="" id="myform"> 
    <input type="text" name="name"> 
    <input type="text" name="name"> 
    <input type="submit" name="confirm" value="Confirm" id="confirmbutton"> 
    <input type="submit" name="submit" value="Submit"> 
</form>

和jQuery的

<script> 
$(document).ready(function() { 

$('#myform').submit(function(event){ 
    var btn = $(this).find("input[type=submit]:focus").attr("id"); 
    console.log(btn); 
    if(btn=="confirmbutton") 
    event.preventDefault(); 

}); 
}); 
</script>

來源

2016-05-18 04:22:20

引導表單驗證中的兩個按鈕

回答

相關問題