根据无线电输入验证输入答案

【问题标题】：Validate input based on radio input根据无线电输入验证输入
【发布时间】：2012-10-16 14:50:39
【问题描述】：

有没有办法根据单选按钮选择来验证字段文本输入？我正在尝试根据身份是男性还是女性的无线电选择来验证用户在 Title 字段中的输入。

【问题讨论】：

【解决方案1】：

创建两个具有相同名称属性的单选按钮。并读取所选单选按钮的值

var radio= document.getElementsByName('radioname');
var val;
for(var k =0; k< radio.length; k++){
 if(radio[k].checked){
     val = radio[k].val;
    break;
   }
}
var text = document.getElementById('textfield');
if(val == 'male'){
   validateMale(text);
}
else{
 validateFemale(text);
}
function validateMale(text){
 // validation code
}
function validateFemale(text){
// validation code
}

【讨论】：

嗨，我刚刚修改了这个问题，说我正在根据单选选择验证字段文本输入。即，如果选择的是“男性”，则只允许某些文本输入值：先生、大师等。

【解决方案2】：

你可以使用<input type="radio" onchange="myFunction()">并在JS中设置函数来提交你的表单：

var myFunction = function(){
     document.forms["myform"].submit();
}

JQuery 中有 onchange 函数：http://api.jquery.com/change/

【讨论】：