[英]Form validation radio button?
我有一個已經在使用驗證的表單,但是我還想包括單選按鈕的驗證。 這是html表單的頂部,已經顯示了使用onSubmit =“”的形式。
<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();
這樣可以解決您的問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.