две кнопки в подтверждении формы бутстрапа

Я делаю проверку формы с помощью проверки формы бутстрапа. У меня есть две кнопки в конкретной форме, одна - кнопка подтверждения, а другая - кнопка отправки. Я хочу запретить кнопку подтверждения из представления и использовать ее в качестве кнопки проверки. Другая кнопка используется только для отправки, если форма была заполнена правильно. Если форма была принята, кнопка подтверждения исчезнет.две кнопки в подтверждении формы бутстрапа

<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

Я думаю, что следующий ответ не будет работать, потому что проверка формы бутстрапа не работает с типом = «кнопка». Я уже проверил один. Спасибо за Ваш ответ. –

Дайте идентификатор, чтобы подтвердить кнопку и сформироваться. Я тестировал это, и он работает.

<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

две кнопки в подтверждении формы бутстрапа

ответ

Смежные вопросы