Могу ли я сделать это так, чтобы щелкать переключатели не отправляли форму?

Question

Это мой HTML:

<form class="form-signin" role="form" action="#" onclick="return signup(this);"> 
    <h2 class="form-signin-heading">Please sign up</h2> 
    <input type="text" id="name" class="form-control" placeholder="Name" required autofocus> 
    <input type="email" id="email" class="form-control" placeholder="Email address" required> 
    <input type="password" id="password" class="form-control" placeholder="Password" required> 
    <input type="radio" name="member-type" value="student">Student</input> <br> 
    <input type="radio" name="member-type" value="parent">Parent</input> <br> 
    <input type="radio" name="member-type" value="alumnus">Alumnus</input> <br> 
    <br> 
    <button class="btn btn-lg btn-primary btn-block" type="button">Sign up</button> 
</form> 

При нажатии кнопки радио они представляют форму. Если я положил onclick внутри тега кнопки, то я больше не могу использовать «return signup (this);». Есть ли обходной путь для любого из них?

Answer 1

В вашей функции регистрации возврата верните значение false, если вы не хотите, чтобы ваша форма отправлялась.

Если вы это сделаете, вы можете выполнить специальную проверку своей формы. Если вы хотите отправить форму, просто верните true в своей функции.

Я также поменял бы вашу кнопку, чтобы напечатать = "отправить", и ваш параметр onClick включить onSubmit в теге формы.