javascript单选按钮多值执行相同的验证检查
当单选按钮值为1、2或3时,我希望对名字和姓氏运行验证javascript单选按钮多值执行相同的验证检查,javascript,validation,radio-button,Javascript,Validation,Radio Button,当单选按钮值为1、2或3时,我希望对名字和姓氏运行验证 <form action="index.php" method="post" name="index"> <input type="radio" name="hello" value="abc"> <input type="radio" name="hello" value="def"> <input type="radio" name="hello" value="ghi"> <in
<form action="index.php" method="post" name="index">
<input type="radio" name="hello" value="abc">
<input type="radio" name="hello" value="def">
<input type="radio" name="hello" value="ghi">
<input type="radio" name="hello" value="jkl">
<input type="radio" name="hello" value="mno">
<input type="text" id="first-name" name="first-name">
<input type="text" id="last-name" name="last-name">
</form>
<script>
if ( $('input:radio[name=hello]:checked').val() == "abc" || $('input:radio[name=hello]:checked').val() == "def" || $('input:radio[name=hello]:checked').val() == "ghi" )
{
if( ($('input[name=first-name]').val().length<1 ))
{
$('#first-name').focus();
return false;
}
if( ($('input[name=last-name]').val().length<1 ))
{
$('#last-name').focus();
return false;
}
}
</script>
如果($('input:radio[name=hello]:选中了”).val()==“abc”|$('input:radio[name=hello]:选中了”).val()==“def”|$('input:radio[name=hello]:选中了”).val()==“ghi”)
{
如果($('input[name=first name]').val().length您正在使用javascript进行验证,但是您应该在函数中使用此javascript,并从表单中调用该函数,直到它无法工作为止,因为您没有调用此javascript表示它无法工作。
这是一个简单的验证代码,通过它你可以看到如何验证表单。希望这段代码能帮助你
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
函数validateForm()
{
var x=document.forms[“myForm”][“fname”].value;
如果(x==null | | x==“”)
{
警告(“必须填写姓名”);
返回false;
}
}
名字:
你的脚本看起来不错,我在小提琴上测试过,效果很好