Javascript 表单验证单选按钮?
我得到了一个已经在使用验证的表单,但我还想包括单选按钮的验证。这是html表单的顶部,显示其已在使用onSubmit=readyJavascript 表单验证单选按钮?,javascript,html,Javascript,Html,我得到了一个已经在使用验证的表单,但我还想包括单选按钮的验证。这是html表单的顶部,显示其已在使用onSubmit=ready <form id="form_603298" class="appnitro" method="post" action="" onSubmit="javascript:return validate_form();"> <fieldset> 我在html表单的底部添加了以下内容: <fieldset> <legen
<form id="form_603298" class="appnitro" method="post" action="" onSubmit="javascript:return validate_form();">
<fieldset>
我在html表单的底部添加了以下内容:
<fieldset>
<legend>Status</legend>
<input id="element_14_1" name="element_14" type="radio" value="1" />
<label for="element_14_1">Active</label>
<input id="element_14_2" name="element_14" type="radio" value="2" />
<label for="element_14_2">Inactive</label>
</fieldset>
现在,我尝试将单选按钮验证作为验证脚本其余部分的一部分。我试图在验证脚本的底部包含以下内容:
<!--================Validate drop down options==========================-->
<script type="text/javascript" language="javascript">
function validate_dropdown(){
var dropdown = document.getElementById('element_11');
var dropdown = document.getElementById('element_12');
var dropdown = document.getElementById('element_13');
if(dropdown.selectedIndex==0){
alert("Please select drop down options");
return false;
}else{
return true;
}
}
<!--================Validation start and end dates==========================-->
$(document).ready(function() {
$("#dataStart").datepicker({
minDate: 1,
onSelect: function(theDate) {
$("#dataEnd").datepicker('option', 'minDate', new
Date(theDate));
},
beforeShow: function() {
$('#ui-datepicker-div').css('z-index', 9999);
},
dateFormat: 'yy/mm/dd'
});
$("#dataEnd").datepicker({
beforeShow: function() {
$('#ui-datepicker-div').css('z-index', 9999);
},
dateFormat: 'yy/mm/dd'
});
});
<!--================Validate radio buttons==========================-->
if(document.getElementById('element_14_1').checked) {
//Active radio button is checked
}else if(document.getElementById('element_14_2').checked) {
//Inactive is checked
}
这是行不通的。谁能给我指一下正确的方向吗。我不熟悉这一点,因此我恳请您提供简单易懂的解释。从您提供的脚本判断,我假设您已经在页面上包含了jQuery库。如果是,请替换脚本的这一部分:
if(document.getElementById('element_14_1').checked) {
//Active radio button is checked
}else if(document.getElementById('element_14_2').checked) {
//Inactive is checked
}
为此:
$(':radio').change(function() {
if($('#element_14_1').is(':checked')) {
alert("Active radio checked");
}
if ($('#element_14_2')) {
alert("Inactive radio checked");
}
});
这只是向所有单选按钮添加一个更改事件,并在事件中检查您的单选按钮是否被选中
这将显示警报单选按钮已修复,但您可以随时替换警报
如果这不是你想要的,请让我知道,我会调整我的答案:p
function checkStatus(evt) {
var val = $("input[name=element_14]:checked").val();
if (val == 'Active') {
alert(val);//Active is checked
} else {
alert(val);//in active is checked
}
}
$('input[name=element_14]:radio').change(checkStatus);
checkStatus();
这将解决您的问题。单选按钮应该有一个更改事件,以找到其已选中或未选中。我必须在单选输入字段中输入onchange=?单选按钮如何检查此验证?是否必须将onChange=添加到字段中?