0

複数のファイル入力の検証に問題があります。送信するたびに、最初/最初に使用されたフィールドのみが検証されます。

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>
4

1 に答える 1

1

これはあなたが期待しているものだと思います。

ライブデモ

このbassistance.deサイトのjquery-plugin-validationファイルを使用しました。

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"        
    });                        
});
于 2012-05-28T13:49:06.690 に答える