无法验证密码是否为空

Question

我正在验证一个表单，我想在密码无效时显示一条消息，使用 RegExp 进行验证，但前提是它不为空，但我无法验证密码是否为空。 这是我指的那段代码。

const regexPasswd: RegExp = /((?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[\W]).{8,64})/;
    const inputPasswd = $(form).find("[name='passwd']");
    const passwd;
    let allOK = true;
    if (inputPasswd.val() !== undefined || inputPasswd.val() !== "" || inputPasswd.val() !== null) {
          if (this.regexPasswd.test(<string>inputPasswd.val())) passwd = inputPasswd.val();
          else {
            message += "Invalid Password<br>";
            allOK = false;
          }
        }

我已经尝试了所有三种我知道的方法来验证空输入，但仍然不起作用。 提前感谢您的帮助。

Answer 1

在条件中使用&&（逻辑与）而不是||（逻辑或）并缓存值：

let val = $.trim(inputPasswd.val()); 
if (val !== undefined && val !== "" && val !== null) {...}

Answer 2

有人指出你关于 || 的错误和&&

但我想指出 HTML 提供了一种更简单的解决方案！

首先，您可以添加一个Required 属性。如果该字段中没有任何内容，则无法提交表单。

其次，您可以使用 minlength 设置所需的最小长度。但是对于 1 这有点多余，因为您需要这样做

希望这会有所帮助！

<label for="name">Name (4 to 8 characters):</label>

<form>
<input type="text" id="name" name="name" required
       minlength="1" maxlength="12" size="12">
       
<input type="submit" value="test">

Answer 3

简单写

const regexPasswd: RegExp = /((?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[\W]).{8,64})/;
    const inputPasswd = $(form).find("[name='passwd']");
    const passwd;
    let allOK = true;
    if (!inputPasswd.val().length == 0 || inputPasswd.val() )  
    {
     // if value length is non-zero or non-undefined or non-null 

          if (this.regexPasswd.test(<string>inputPasswd.val())) passwd = inputPasswd.val();
          else {
            message += "Invalid Password<br>";
            allOK = false;
          }
        }