javascript - 在提交表单之前验证表单输入

Question

我学会了制作登录表单，我打算验证两个值(电子邮件和密码)并将其用作 true 或 false 的条件。

我有这样的代码

    function userValid(email) {
    var usr = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$\i/ ;
    return usr.test(email);     
    };

    function passValid(password) {
    var passw = /^[A-Za-z]\w{7,14}$/;
    return passw.test(password);            
    };

上面的代码用于验证我表单中的电子邮件和密码，我想如果我将一个值传递给该函数(例如将值电子邮件传递给 userValid() 函数)，它将返回 true/false。

我计划创建验证表单或登录表单，在我提交之前首先检查用户电子邮件和密码是否有效(假设是服务器)。

我认为逻辑是这样的:

1. 如果两个值都为真则登录成功
2. 如果其中一个值为 TRUE，则登录失败
3. 如果两个值都为 FALSE，则登录失败
4. else(值必须为 EMPTY 或 NULL)然后请输入电子邮件和密码

等等

我的问题是如何使用 ABOVE 大小写创建条件语句，当然还有 JAVASCRIPT :) 谢谢。

Answer 1

我不知道您是如何访问电子邮件和密码的，但是如果您填写这些内容应该可以。

if ( userValid(email) == true && passValid(password) == true ) {
   //Login succes code
}
else if ( userValid(email) == false || passValid(password) == false ){
   //Login failure code
}
else {
   //The "Please insert" code
}

只有当两个值都为真时，&& 运算符(和)才返回真。

|| 运算符(或)如果至少有一个值为真，则返回真。

这可能更容易完成，但它应该像这样工作。

您可以添加代码来检查密码和用户名是否为空，但我认为这不是必需的。