使用 javascript/jquery 验证动态 php 表单

Question

我已尝试使用以下代码进行 javascript 验证。 提交表单时，仅验证第一个输入字段。 如何验证表单的所有动态值？

<script type="text/javascript">
            function validate() {
                if (document.f.phone.value.length == "0") {
                    alert("Phone is required");
                    document.f.phone.focus();
                    return false;
                } else if (document.f.file.value.length == "0") {
                    alert("file is required ");
                    document.f.file.focus();
                    return false;
                } 
                
                return true;
            }   
        </script>

<?php

    echo '<form name="f" action="" method="post" enctype="multipart/form-data" onsubmit="return validate();">
           <input type="text" name="phone[]" class="required">
           <input type="file" name="file[]" class="required">
           
           <input type="button" class="add" value="add"/>
           <input type="submit" value="Submit" name="submit" class="Submit">    
    ';
    
?>

Answer 1

如果我理解正确，那么您想验证表单中的动态值。 而不是编写逻辑来验证字段，只需将required关键字添加到您想要强制的字段中。 这应该可以节省您编写验证的额外工作。 当内置验证不够时进行自定义验证

 <form name="f" action="" method="post" enctype="multipart/form-data"> <input type="text" name="phone[]" required class="required"> <input type="file" name="file[]" required class="required"> <input type="button" class="add" value="add" /> <input type="submit" value="Submit" name="submit" class="Submit">