javascript - 如何验证javascript中的3个字段

Question

我想验证 3 个文件

1. 名字文本框
2. 姓氏文本框
3. 中间名文本框

这是我的代码：

function validateForm()
{
    var x=document.forms["myForm"]["fname"].value;
    var y=document.forms["myForm"]["lname"].value;
    var z=document.forms["myForm"]["mname"].value;
    if(((x!='') && (y=='' && z==''))
          || ((y!='') && (x=='' && z==''))
          || ((z!='') && (x=='' && y=='')))
    {
        alert("First name must be filled out");
        return false;
    }
    alert("fill input filed");
    return false;
}
</script>

我的代码是这样执行的：如果我不会在任何字段中输入任何内容 - 警报，这部分很好。然后，当我输入其中一个字段时，它会以相同的方式提醒我 if 部分，如果我将输入两个文本框，我的 if 部分应该被执行，但它没有发生。

您能否更改该条件，以便如果我填写 2 个字段，它应该提醒我至少可以填写一个字段？

Answer 1

我想这就是你要找的...

Javascript代码

<script type="text/javascript">
function validateForm()
{
var x=document.getElementById("fname").value;
var y=document.getElementById("mname").value;
var z=document.getElementById("lname").value;

if((x==''))
{
    alert("First name must be filled out");
    return false;
}
else if((y==''))
{
    alert("Middle name is empty");
    return false;
}
else if((z==''))
{
    alert("Last name is empty");
    return false;
}
return true;
}
</script>

HTML 代码

<form action="#">
    <input type ="text" id ="fname"></input>
    <input type ="text" id ="mname"></input>
    <input type ="text" id ="lname"></input>
    <input type="submit" onclick="return validateForm();">
</form>

Answer 2

简单点，你的名字是强制性的，所以把它放在第一位

if(x==''){
    alert("First name must be filled out");return false;
    if(y=='' && z==''){
    //alert();// other condtions
    }
}else{
    alert("fill input filed");return false;
}