使用 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">