Javascript 选中我的复选框后如何验证我的表单字段?
我已经用动态创建的字段创建了一个表单。我有一个唯一ID的复选框。当用户单击该复选框时,只有这两个字段是可见的名称和年龄。单击后,只需验证年龄字段 这是我的密码:Javascript 选中我的复选框后如何验证我的表单字段?,javascript,jquery,html,validation,Javascript,Jquery,Html,Validation,我已经用动态创建的字段创建了一个表单。我有一个唯一ID的复选框。当用户单击该复选框时,只有这两个字段是可见的名称和年龄。单击后,只需验证年龄字段 这是我的密码: $(document).ready(function() { $('#person').click(function() { function formValidator(){ var age = document.getElementsByName('age[]');
$(document).ready(function() {
$('#person').click(function() {
function formValidator(){
var age = document.getElementsByName('age[]');
for (var i = 0; i< age.length; i++) {
if(!isNumeric(age[i], "Please enter a valid Age")){
return false;
}
}
return true;
}
function isNumeric(elem, helperMsg){
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression)){
return true;
} else {
alert(helperMsg);
elem.focus();
return false;
}
}
});
});
$(document).ready(function() {
$('#person').click(function() {
$('#name').attr('required','required');
$('#age').attr('required','required');
});
});
Html代码是:
有随行人员吗
对
人员详细信息
名称
年龄
选择您的付款选项
VISA/MASTER卡:
支票/即期汇票
内夫特
问题:通过单击复选框“任何随行人员?:”成功验证表单字段年龄。问题是,当用户尝试提交表单时,没有单击该复选框,然后全部提交,所以它要求验证。你是怎么得到这个称呼的?请帮助验证程序位于单击处理程序中,该处理程序应位于文档的底部。就绪 此外,如果您只想验证何时单击该复选框,您可以在javascript中选中它,并通过复选框的名称选择它(如果每次都有唯一的ID)
function formValidator(){
var age = document.getElementsByName('age[]');
if($("input[name = 'chk[]']").prop('checked')){
for (var i = 0; i< age.length; i++) {
if(!isNumeric(age[i], "Please enter a valid Age")){
return false;
}
}
}
return true;
}
将所有javascript函数带到click事件之外。试试这个formValidator函数 函数formValidator{ if$person.is:已选中{ var age=document.getElementsByName'age[]; 对于变量i=0;i