javascript - 如何在 php 中使用 javascript 验证在相应的输入字段下打印错误消息

<分区>

如果留空，如何在相应的输入字段下打印错误消息，填写时必须删除错误消息，如何进一步进行我之前没有使用 javascript 进行验证。

脚本代码

function validateForm() {
    var a = document.forms["student_reg"]["name"].value;
    if (a == null || a == "") {
        alert("Name must be filled out");
        return false;
    }
     var b = document.forms["student_reg"]["email"].value;
     if (b == null || b == "") {
        alert("Email must be filled out");
        return false;
    }
     var c = document.forms["student_reg"]["username"].value;
     if (c == null || c == "") {
        alert("Username must be filled out");
        return false;
    }
     var d = document.forms["student_reg"]["password"].value;
     if (d == null || d == "") {
        alert("Password must be filled out");
        return false;
    }
     var e = document.forms["student_reg"]["roll_no"].value;
     if (e == null || e == "") {
        alert("Roll no must be filled out");
        return false;
    }
}

html代码在这里

<body>
 
 <a href="login.php">Login</a>
        <form name="student_reg" method="POST" action="" onsubmit="return validateForm()">
                <p>NAME:</p>
                <input type="text" name="name" value="" >
                <span class="error"><p id="name_error"></p></span>

                <p>EMAIL:</p>
                <input type="text" name="email" value="" >
                <span class="error"><p id="email_error"></p></span>

                <p>USERNAME:</p>
                <input type="text" name="username" value="" >
                <span class="error"><p id="username_error"></p></span>

                <p>PASSWORD:</p>
                <input type="password" name="password" value="" >
                <span class="error"><p id="password_error"></p></span>

                <p>ROLL NO:</p>
                <input type="number" name="roll_no" value="" >
                <span class="error"><p id="roll_no_error"></p></span>
                <br/>
                <br/>
                <br/>

                <input type="submit" name="submit" value="submit">

 </form>
 </body>

最佳答案

你可以试试这段代码:

如果有错误信息，它会检查错误并在显示所有错误信息后最后返回。

function validateForm() {
    var error = 0;
    var a = document.forms["student_reg"]["name"].value;
    document.getElementById('name_error').innerHTML = '';
    if (a == null || a == "") {
        // alert("Name must be filled out");
        error++;
        document.getElementById('name_error').innerHTML = 'Name must be filled out';
    }

    var b = document.forms["student_reg"]["email"].value;
    document.getElementById('email_error').innerHTML = '';
    if (b == null || b == "") {
        // alert("Email must be filled out");
        error++;
        document.getElementById('email_error').innerHTML = 'Email must be filled out';
    }

    var c = document.forms["student_reg"]["username"].value;
    document.getElementById('username_error').innerHTML = '';
    if (c == null || c == "") {
        // alert("Username must be filled out");
        error++;
        document.getElementById('username_error').innerHTML = 'Username must be filled out';
    }

    var d = document.forms["student_reg"]["password"].value;
    document.getElementById('password_error').innerHTML = '';
    if (d == null || d == "") {
        // alert("Password must be filled out");
        error++;
        document.getElementById('password_error').innerHTML = 'Password must be filled out';
    }

    var e = document.forms["student_reg"]["roll_no"].value;
    document.getElementById('roll_no_error').innerHTML = '';
    if (e == null || e == "") {
        // alert("Roll no must be filled out");
        error++;
        document.getElementById('roll_no_error').innerHTML = 'Roll no must be filled out';
    }

    if(error>0) {
        return false;
    }
    return true;
}

关于javascript - 如何在 php 中使用 javascript 验证在相应的输入字段下打印错误消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40057868/

上一篇：javascript - 如何一一获取多行并检查它们的值？

下一篇：javascript - 在 A 框架中，如何通过光线转换器相交事件更改实体的属性？

相关文章：

javascript - 如何动态对齐图例元素？

javascript - 是否有编译为 javascript 的 lisp？

php - CakePHP 1.2.x - Ajax 分页 'Next Page' 不更新，停留在 2

php - 如何创建像 cakephp 这样的逆函数

php - YII 验证规则，正则表达式在 YII 中不起作用

Javascript 表单验证 - jsFiddle 错误

javascript - 如何向产品片段添加多条评论？

javascript - 在加载 Web 表单后加载外部 JavaScript 文件

php - jqplot 图表未显示在我的 jquerymobile 页面中

验证 - 渲染项目是否有效 xhtml - 异常