javascript单选按钮多值执行相同的验证检查

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

当单选按钮值为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">
<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;
}
}
名字:

你的脚本看起来不错,我在小提琴上测试过,效果很好