我可以这样做，以便单击单选按钮不提交表单吗？

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即可。

我也会改变你的按钮来输入=＆＃34;提交＆＃34;和你的onClick参数在表单标签中的onSubmit。