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

Javascript 在允许提交之前验证表单条目,javascript,jquery,html,forms,validation,Javascript,Jquery,Html,Forms,Validation,请帮帮我:我是新手,我搞不懂 创建一个网站的注册表格,其中用户必须注册一个账户,输入他们的信息; 名字, 姓氏 电子邮件地址 密码,然后再次输入密码以确保它们匹配。 在提交表格之前。代码必须检查所有字段,以查看是否已填充所有字段。只有在填写完所有字段和密码匹配后,用户才能注册 如果他们在填写所有字段之前单击按钮,则应告知他们字段为必填字段 当我运行代码时,没有发生任何事情 这就是我所拥有的 $ (function(){ $('.btn').on('click'(function(){

请帮帮我:我是新手,我搞不懂

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

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

当我运行代码时,没有发生任何事情

这就是我所拥有的

$ (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;
    }
}

对不起,我不知道我是否理解你的问题,但我会尽力帮助你

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

        validateFormFName();
        validateFormLName();
        validateFormEmail();
        password();
    });
});
如果我理解正确,这些可以帮助你

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

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

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

欢迎使用SO。当你有空的时候,请带我们去参观我们的。你能告诉我们出了什么问题吗?请用您看到的任何错误编辑您的问题和/或描述应该发生的事情和实际发生的事情。这样我们就不会盲目调试您的代码。另外,你能包括你的HTML吗?谢谢@谢谢我有更新的问题。当我运行代码时,没有发生任何事情。这个错误并不表明这些字段是必需的,必须填写。让我们看看你的HTML。谢谢嘿我正在尝试验证为网站创建的注册表上的字段。在允许注册之前,用户必须填写所有字段。如果他们将某个字段留空,并单击“注册”按钮,则应告知他们“名称字段为必填字段,请输入名称”。此外,在输入密码时,两个字段中输入的密码必须匹配。如果他们不匹配,那么应该告诉他们“密码不匹配”。希望我能解释得更好。是的,我也理解这一点,所以我的结论是你没有收到错误消息,因为你的表单正在提交,所以你需要停止默认行为。