Javascript 使用innerHTML验证表单_Javascript_Validation_Innerhtml

Javascript 使用innerHTML验证表单

javascript validation

Javascript 使用innerHTML验证表单,javascript,validation,innerhtml,Javascript,Validation,Innerhtml,我正在尝试验证表单，但没有将错误消息显示为警报。innerHTML似乎是我最好的选择我已经试着去实现它，但是我没有运气这是代码 Javascript: <script> function validateForm() { var x = ""; if (document.orderForm.firstName.value = "") x += "Please enter your first name

我正在尝试验证表单，但没有将错误消息显示为警报。innerHTML似乎是我最好的选择

我已经试着去实现它，但是我没有运气

这是代码

Javascript:

    <script> function validateForm() {
            var x = "";
            if (document.orderForm.firstName.value = "")
            x += "Please enter your first name.";
            document.getElementById('error').innerHTML = x;
            return false;
            }</script>

HTML:

现在不会显示错误消息。

如果document.orderForm.firstName.value=将值分配给document.orderForm.firstName.value，则计算结果为假值，因此if语句永远不会为真

使用比较，而不是赋值

当您进行此操作时，请了解和。

if document.orderForm.firstName.value=将值赋给document.orderForm.firstName.value，然后计算为假值，因此if语句永远不会为真

使用比较，而不是赋值

当你在做的时候，请了解，和

对于id=xyz的div，将显示获取输入的错误

字段id=abc

函数将调用具有onclick=validate的submit of按钮

请使用此代码检查1按钮的验证

对于id=xyz的div，将显示获取输入的错误

字段id=abc

函数将调用具有onclick=validate的submit of按钮

请使用此代码检查1按钮的验证

     <form name="orderForm" method="post" onsubmit="return validateForm()" action="processForm.html" >
    <table>
        <tr>
            <th colspan="2">Personal Information</th>
        </tr>
        <tr>
            <td>First Name:</td>
            <td><input type="text" name="firstName" id="firstName" size="30"></td>

        </tr>
        </table>
    <div name="error" id="error"> 
    </div>
   </form>

<script> function validateForm() {
        if (document.orderForm.firstName.value == ""){ // == is comparison... = is assignment
            document.getElementById('error').innerHTML = "Please enter your first name.";
            return false;
        }
        else
            return true //Don't forget to return true if everything checks out
        }</script>

<html>
<body>
<input  type="text" id="Ifname">
<div id="fname"></div>
<button type="submit" onclick="validate()">Submit</button>
</body>

function validate(){
     var x = "";
     if (document.getElementById('Ifname').value == "")
    {
    document.getElementById('fname').innerHTML = "Email is Required!";
    return false;
    }
    else
    {
    return true;
    }
    }

    </script>
</html>