在允许提交之前验证表单条目

时间:2018-04-30 19:26:57

标签: javascript jquery html5 forms validation

请帮忙:对此我不熟悉,我无法解决这个问题。

为网站创建注册表单,用户必须注册输入帐户的帐户; 名字, 姓 电子邮件地址 密码并再次输入密码以确保它们匹配。 在提交表格之前。代码必须检查所有字段以查看是否已填充所有字段。只有在填写完所有字段和密码匹配后,用户才能注册。

如果他们在填写所有字段之前单击按钮,则应告知他们需要字段。

运行代码时没有发生任何事情。

这就是我所拥有的。

$ (function(){
    $('.btn').on('click'(function(){
        validateFormFName();
        validateFormLName();
        validateFormEmail();
        password();
    });
});

function validateFormFName() {
    var x = document.form["formtype"]["fname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
    return true;
}

function validateFormLName() {
    var x = document.form["formtype"]["lname"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
    return true;
}

function validateFormEmail() {
    var x = document.form["formtype"]["email"].value;
    if (x == "") {
        alert("Your email is required");
        return false;
    }
    return true;
}


function password() {
    if (document.getElementById('psw1').value ==
        document.getElementById('psw2').value) {
        document.getElementById('register').disabled = false;
    } else {
        document.getElementById("register").disabled = true;
    }
}

1 个答案:

答案 0 :(得分:0)

抱歉,我不知道我是否理解你的问题,但我会尽力帮助你。

如果我理解正确,这些可以帮助你。

$ (function(){
    $('.btn').on('click'(function(event){
        event.preventDefault();

        validateFormFName();
        validateFormLName();
        validateFormEmail();
        password();
    });
});

如果我错了,请告诉我,我会尝试改进我的答案。