Question

我在验证多个文件输入时遇到问题。每当我提交时，只验证第一个/第一个使用的字段。

HTML：

<html>
<head>
</head>
<body>
...
<tr>
<td>Photo1:</td>
<td> <input type="file" class="ipfile" name="pic[]" /> </td>
</tr>
<tr>
<td>Photo2:</td>
<td> <input type="file" class="ipfile" name="pic[]" /> </td>
</tr>
<tr>
<td>Photo3:</td>
<td> <input type="file" class="ipfile" name="pic[]" /> </td>
</tr>
...
</body>
</html>

JS：

<script type="text/javascript">
  $(document).ready(function(){

    $("#fnpMain").validate(
    {
    rules:{
        Telefon:{required:true, exactlength:9, digits:true}
    }}
    );

    $("input.ipfile").each(function(){
       $(this).rules("add", {
           required:true,
           accept: "jpg|jpeg"
       });                   
    });
  });
</script>

Answer 1

我想，这就是你所期待的。

<强> LIVE DEMO

我已使用此 jquery-plugin-validation 网站中的 bassistance.de 文件。

HTML：

<form id="fnpMain">
    <table>
        <tr> 
            <td>Photo1:</td> 
            <td> 
                <input type="file" class="ipfile" name="pic0" /> 
            </td> 
        </tr> 
        <tr> 
            <td>Photo2:</td> 
            <td> 
                <input type="file" class="ipfile" name="pic1" /> 
            </td> 
        </tr> 
        <tr> 
            <td>Photo3:</td> 
            <td> 
                <input type="file" class="ipfile" name="pic2" /> 
            </td> 
        </tr> 
    </table>
     <input type="submit" value="Submit"/>

</form>

JS：

$("#fnpMain").validate();

$("input.ipfile").each(function(){        
    $(this).rules("add", {            
        required:true,            
        accept: "jpg|jpeg"        
    });                        
});

验证多个文件输入

1 个答案:

HTML：

JS：