使用单选按钮验证表单 [英] Validating a form with a radio button
本文介绍了使用单选按钮验证表单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
更新:
rules: {
firstname: "asdfsadf",
lastname: "123123",
city: "required",
state: "required",
country: "required" ,
question_1: "required"
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
city: "Please enter a valid email address",
country: "Please accept our policy",
question_1: "SELECT at least one question."
}
<div class="question">
Q1: What is the second letter of the alphabet?
<div class="choices">
<input type="radio" name="question_1" value="1" /> A
<input type="radio" name="question_1" value="2" /> B
<input type="radio" name="question_1" value="3" /> C
</div>
</div>
<div class="question">
Q2: Which out of these is a berry?
<div class="choices">
<input type="radio" name="question_2" value="1" /> Apples
<input type="radio" name="question_2" value="2" /> Bananas
<input type="radio" name="question_2" value="3" /> Carrots
</div>
</div>
我正在使用bassistance jquery插件来验证我的表单.而其他所有验证都可以正常工作,但是单选按钮出现了问题,我将如何验证单选按钮,我希望用户至少选择一个单选按钮.
i am using bassistance jquery plugin to validate my form. and all other validation works just fine but the radio button is giving the problem, how would i validate radio button, i want the user to select at least one radio button.
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
// validate the comment form when it is submitted
// validate signup form on keyup and submit
$("#signupForm").validate({
rules: {
firstname: "asdfsadf",
lastname: "123123",
city: "required",
state: "required",
country: "required"
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
city: "Please enter a valid email address",
country: "Please accept our policy"
}
});
});
<form class="cmxform" id="form1" method="get" action="">
<fieldset>
<legend>Validating a form with a radio and checkbox buttons</legend>
<fieldset>
<legend>Gender</legend>
<label for="gender_male">
<input type="radio" id="gender_male" value="m" name="gender" validate="required:true" />
Male
</label>
<label for="gender_female">
<input type="radio" id="gender_female" value="f" name="gender"/>
Female
</label>
<label for="gender" class="error">Please select your gender</label>
</fieldset>
<p>
<input class="submit" type="submit" value="Submit"/>
</p>
</fieldset>
</form>
推荐答案
这是我解决问题的方法:希望对其他人有所帮助.
here is how i able to solve the problem: hope this help others.
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.validate.min.js" type="text/javascript"></script>
<div class="question">
Q1: What is the second letter of the alphabet?
<div class="choices">
<input type="radio" name="question_1" value="1" class="required" /> A
<input type="radio" name="question_1" value="2" /> B
<input type="radio" name="question_1" value="3" /> C
<label for="question" class="error">Please select your at leat one question</label>
</div>
</div>
这篇关于使用单选按钮验证表单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文