简单的Javascript验证不起作用

Simple Javascript Validation not working

本文关键字：不起作用 验证 Javascript 简单      更新时间：2023-09-26

我正在尝试做以下事情:

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>

当我点击名字字段为空的按钮时它应该分配"name field empty"但它没有这样做，即使脚本的控制在那里但它不会在

div标记。

我想你应该试试这个: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字段的值)不为空，则继续执行语句，将"demo"的HTML内容设置为"，并使用.innerHTML。您使用的.value与显示与demo:D相关的HTML内容无关。

我希望我的英语没有那么差，可以让你理解。
相关文章：