Question

我正在尝试执行以下操作：

HTML代码

<body>
    <form name="myform">
    <table>
        <tr>
            <td>First Name:</td>
            <td><input type="text" id="first_name"></td>
            <td><p id="demo"></p></td>
        </tr>
        <tr>
            <td><input type="submit" id="Submit" onclick="validate()"></td>
        </tr>
    </form></body>

JavaScript代码

<script>
    function validate(){

        var fname = document.getElementById("first_name").value;
        if(fname.length>0){
            document.getElementById("demo").value="";
        }
        else{
            document.getElementById("demo").value="Name field empty";
        }
    }
    </script>

当我单击带有空名字段的按钮时，它应该将“名称字段为空”分配，但即使脚本的控制进入那里它也不会这样做，但它不会在＆lt; p＆gt;中打印任何内容。标签

Answer 1

我认为你应该试试这个：D

<script>
    function validate(){

        var fname = document.getElementById("first_name").value;
        if(fname!=""){
            document.getElementById("demo").innerHTML="";
        }
        else{
            document.getElementById("demo").innerHTML="Name field empty";
        }
    }
    </script>

你想检查字段是否为空，所以在这种情况下，fname足以一直使用。如果变量fname（first_name字段的值）不为空，则继续执行将设置＆＃34; demo＆＃34;的HTML内容的语句。到＆＃34;＆＃34;与.innerHTML。您使用的.value与与demo：D相关的显示HTML内容无关。我希望我的英语对你理解这一点并不是那么糟糕。

简单的Javascript验证不起作用

1 个答案: