问验证表格:如何为空白输入一次而不是一个一个地显示错误消息？
EN

Stack Overflow用户

提问于 2014-03-11 07:30:05

回答 1查看 3.2K关注 0票数 2

我想验证我的表单，如果任何输入字段是空的，错误警告将显示在空白输入字段旁边。对于空白输入，必须同时发出错误消息，而不是一个一个地显示。怎么做？

下面是我的javascript代码：

    function doValidate()
    {
        var x=document.forms["form"]["fullname"].value;
        if (x==null || x=="")
            {
            document.getElementById('error1').innerHTML="Full name is required!";
            return false;
            }

        var y=document.forms["form"]["uid"].value;
        if (y==null || y=="")
            {
            document.getElementById('error2').innerHTML="Username is required!";
            return false;
            }

        var z=document.forms["form"]["pwd"].value;
        if (z==null || z=="")
            {
            document.getElementById('error3').innerHTML="Password is required!";
            return false;
            }

        var a=document.forms["form"]["pwd2"].value;
        if (a==null || a=="")
            {
            document.getElementById('error4').innerHTML="Please re-enter your password!";
            return false;
            }

        var pwd = document.getElementById("pwd").value;
        var pwd2 = document.getElementById("pwd2").value;
        if(pwd != pwd2){
            alert('Wrong confirm password!');
            return false;
        }

        var b=document.forms["form"]["role"].value;
        if (b==null || b=="Please select...")
            {
            document.getElementById('error5').innerHTML="Please select user role!";
            return false;
            }

    }

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-03-11 07:32:20

您应该使用var ok = true启动您的函数，并且在每个if-block中，您应该设置ok = false而不是return false。最后，返回ok。

如下所示：

function doValidate() {
    var ok = true;

    var form = document.forms.form;

    var fullname = form.fullname.value;
    if (fullname == null || fullname == "") {
        document.getElementById('error1').innerHTML = "Full name is required!";
        ok = false;
    }

    var uid = form.uid.value;
    if (uid == null || uid == "") {
        document.getElementById('error2').innerHTML = "Username is required!";
        ok = false;
    }

    var pwd = form.pwd.value;
    if (pwd == null || pwd == "") {
        document.getElementById('error3').innerHTML = "Password is required!";
        ok = false;
    }

    var pwd2 = form.pwd2.value;
    if (pwd2 == null || pwd2 == "") {
        document.getElementById('error4').innerHTML = "Please re-enter your password!";
        ok = false;
    } else if (pwd != pwd2) {
        document.getElementById('error4').innerHTML = "Wrong confirm password!";
        ok = false;
    }

    var role = form.role.value;
    if (role == null || role == "Please select...") {
        document.getElementById('error5').innerHTML = "Please select user role!";
        ok = false;
    }

    return ok;
}

(我冒昧地更改了更一致的格式样式，改进了一些变量名，简化了一些访问模式，并像其他格式一样用内联错误消息替换了alert。)

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22319094

复制

相似问题

问验证表格:如何为空白输入一次而不是一个一个地显示错误消息？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问验证表格:如何为空白输入一次而不是一个一个地显示错误消息？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问验证表格:如何为空白输入一次而不是一个一个地显示错误消息？
EN