Question

我正在使用bootstrap表单验证进行表单验证。我有两个特定形式的按钮，一个是确认按钮，另一个是提交按钮。我想阻止提交中的确认按钮并将其用作验证按钮。如果表单填写正确，则另一个按钮仅用于提交。如果表单被接受，确认按钮将淡出。

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

如果我使用type＆＃34; button＆＃34;在确认按钮上，它不会验证表格。如果有人有任何想法请回答。非常感谢你的回答。

Answer 1

我将第一个按钮的元素从输入更改为按钮。

＆＃13;

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

＆＃13;

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>

bootstrap表单验证中的两个按钮

2 个答案: