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

Question

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

<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>

如果我在“確認”按鈕上使用“按鈕”類型，它將不會驗證該表單。 如果有人有任何想法，請回答。 非常感謝您的回答。

Answer 1

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

 <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> 

Answer 2

輸入ID以確認按鈕並形成表格。 我已經對此進行了測試，並且可以正常工作。

<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>