[英]Validation for radio button using javascript
I have 2 radio buttons. 我有2个单选按钮。 I need to give validations for radio button using javascript.
我需要使用javascript对单选按钮进行验证。 Please tel me whats wrong with my code.
请告诉我我的代码有什么问题。 Here is the code.
这是代码。
$(function() {
$("#XISubmit").click(function(){
var XIGender= document.forms["XIForm"]["XIGender"].value;
if (XIGender==null || XIGender=="") {
alert("Please select the gender");
return false;
}
document.getElementById("XIForm").submit();
});
Here is my HTML code: 这是我的HTML代码:
<label>Gender </label>   
<input type='radio' name='XIGender' value='Male' id="XImale"/>Male
<input type='radio' name='XIGender' value='Female' id="XIfemale"/>Female</td>
Here is the code. 这是代码。 You will have to create a form and validate it on submit.
您将必须创建一个表单并在提交时对其进行验证。
HTML:- HTML:-
<form name="myForm" action="targetpage.asp" onsubmit="return validateForm();" method="post">
<label>Gender</label>  
<input type='radio' name='XIGender' value='Male' id="XImale" />Male
<input type='radio' name='XIGender' value='Female' id="XIfemale" />Female</td>
<input type="submit" value="submit" id="XISubmit" />
</form>
JS:- JS:-
function validateForm() {
if (validateRadio(document.forms["myForm"]["XIGender"])) {
alert('All good!');
return false;
}
else {
alert('Please select a value.');
return false;
}
}
function validateRadio(radios) {
for (i = 0; i < radios.length; ++i) {
if (radios[i].checked) return true;
}
return false;
}
Hope this will help you. 希望这会帮助你。 :) Enjoy coding.
:)享受编码。
<form name="formreg" enctype="multipart/form-data" method="post">
<input type="radio" value="male" name="gender" /> Male<br />
<input type="radio" value="female" name="gender" /> Female<br />
<input value="Submit" onclick="return inputval()" type="submit" />
</form>
JS: JS:
<script type="text/javascript">
function inputval() {
var $XIForm = $('form[name=XIForm]');
if ($("form[name='formreg'] input[type='radio']:checked").length != 1) {
alert("Select at least male or female.");
return false;
}
else {
var gender = $("input").val();
//alert(gender);
$XIForm.submit();
alert(gender);
}
}
</script>
Use the :checked
selector as below 使用
:checked
选择器,如下所示
function() {
var len = $("input:checked").length;
if(len == 0) {
alert("Please select a gender");
return false;
}
You can't get the value of the radio button like that. 这样就无法获得单选按钮的值。
document.forms["XIForm"]["XIGender"]
will return more than one node and you can't get the value
property of a list of nodes. document.forms["XIForm"]["XIGender"]
将返回多个节点,您将无法获得节点列表的value
属性。 Since your using jQuery, this can be made much easier: 由于您使用的是jQuery,因此可以更轻松地完成此操作:
$("#XISubmit").click(function () {
var $XIForm = $('form[name=XIForm]');
var XIGender = $XIForm.find('input[name=XIGender]:checked').val();
if (XIGender == null || XIGender == "") {
alert("Please select the gender");
return false;
}
$XIForm.submit();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.