Spring JS - 输入字段

Question

我在一个 .jsp 文件中有两个输入字段，两个字段同时可见。 phone1 是强制性的，并且正在按预期工作（必须填写，长度为 10，遵循格式）。但是 phone2 不工作；我希望 phone2 遵循与 phone1 相同的规则，但仅在输入字段中输入内容时才通知问题。

例如。如果在 phone2 中输入了一个字母或仅一个数字，则将元素文本设置为：

"*请输入一个 10 位数字，不含特殊字符"

    var phoneformat = /^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/;

      //phone1="home phone" phone2="work phone"

      if (phone1 == "" || phone1.length != 10 || !phone1.match(phoneformat)){
        document.getElementById("vHphone").innerHTML="*please enter a 10 digit number with no special characters";
        return false;
    } else if (phone2 != "" && phone2.length < 10 || !phone2.match(phoneformat)){
        document.getElementById("vWphone").innerHTML="*please enter a 10 digit number with no special characters";
        return false;

我将如何解决这个问题？

Answer 1

您也可以尝试将phone2 != "" 添加到当前or 运算符的右侧。否则，仅针对!phone2.match(phoneformat) 触发。

else if (phone2 != "" && phone2.length < 10 || phone2 != "" && !phone2.match(phoneformat))

或者

else if(phone2 != ""){
  if(phone2.length < 10 || !phone2.match(phoneformat)){
     return false;
  }
}