简单的Javascript验证无效

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>

当我单击带有空的First name字段的按钮时，它应该分配“ name field empty”，但是即使脚本的控制权在那里，它也不会这样做，但是它不会在<p>标记中打印任何内容。

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字段的值）不为空，则它将继续执行该语句，该语句将使用.innerHTML将“ demo”的HTML内容设置为“”。 您使用的.value与与demo：D有关的显示HTML内容无关。 希望我的英语对您来说还不错。

简单的Javascript验证无效

问题描述

1 个解决方案

解决方案1
0 2015-10-04 20:08:37

简单的Javascript验证无效

问题描述

1 个解决方案

解决方案1 0 2015-10-04 20:08:37

解决方案1
0 2015-10-04 20:08:37