Question

我不确定我在这里做错了什么。我基本上检查是否有任何元素值是空的，如果它们是，它开始迭代它们。

迭代后，它将空元素的id附加到div中。或者至少那是我的预期。有帮助吗？谢谢！

<script>

   function validate(){
       var username = document.getElementById("username");
       var name = document.getElementById("name");
       var phone = document.getElementById("phone-number");
       var email = document.getElementById("email");
       var password = document.getElementById("password");
       var passwordc = document.getElementById("password-confirmation");

       var array = [username, name, phone, email, password, passwordc];

       if(username.value == "" || name.value == "" || phone.value == "" || email.value == "" || password.value == "" || passwordc.value == ""){
           document.getElementById('required-field-error').innerHTML = "The following must not be blank: ";

           for(i = 0; i < array.length; i++);{
               if(array[i].value == ""){
               document.getElementById('required-field-error').innerHTML += " array[i].id ";
               }
               else{document.getElementById('required-field-error').innerHTML += "";}
           }

       }
       else{
           document.getElementById('required-field-error').innerHTML = "";
       }
   }


</script>

Answer 1

您可以通过执行以下操作来大大简化代码：

function validate() {
  const requiredFields = ['username', 'name', 'phone-number', 'email', 'password', 'password-confirmation'];
  const missingFields = requiredFields.filter(requiredFieldStr => {
    return !document.getElementById(requiredFieldStr).value;
  });
  const requiredFieldError = document.getElementById('required-field-error');
  if (missingFields.length > 0) {
    requiredFieldError.textContent =
      "The following must not be blank: " + missingFields.join('');
  } else requiredFieldError.textContent = '';
}

Answer 2

我完全不了解你的要求。但是如果你使用JQuery validation来简化你的事情。

Answer 3

你独立终止了for循环，因此你摆脱了债券指数。而且，作为Xufox＆＃39;的指针这是文字字符串。找到下面更正的脚本：

  <script>
       function validate(){
           var username = document.getElementById("username");
           var name = document.getElementById("name");
           var phone = document.getElementById("phone-number");
           var email = document.getElementById("email");
           var password = document.getElementById("password");
           var passwordc = document.getElementById("password-confirmation");

           var array = [username, name, phone, email, password, passwordc];

           if(username.value == "" || name.value == "" || phone.value == "" || email.value == "" || password.value == "" || passwordc.value == ""){
               document.getElementById('required-field-error').innerHTML = "The following must not be blank: ";

               for(i = 0; i < array.length; i++){
                   if(array[i].value == ""){
                   document.getElementById('required-field-error').innerHTML += " " + array[i].id;
                   }
                   else{document.getElementById('required-field-error').innerHTML += "";}
               }

           }
           else{
               document.getElementById('required-field-error').innerHTML = "";
           }
       }        
    </script>

循环的Javascript没有按预期附加到Div？

3 个答案: