引导表单验证中的两个按钮

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

<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

引导表单验证中的两个按钮

回答

相关问题