2010-11-30 6 views
0

シンプルなHTMLファイルアップロードフォームがあります。私は、他のフォームでjQueryバリデーションプラグインを使用して必要な値をチェックしています。これをファイルアップロードフォームで使用して、ブラウズをクリックしたことを確認します。 。 。ボタンを押してファイルを選択します。関連するコードは、その下に設定されているか、他の形態に基づいているが、これは他の人のように動作していない:jQuery検証プラグインを使用してアップロードフォームに検証を追加する

<script src="lib/jquery.js" type="text/javascript" charset="utf-8"></script> 
    <script src="lib/jquery.validate.min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="lib/jquery.metadata.js" type="text/javascript" charset="utf-8"></script> 

    <script type="text/javascript"> 
    $.metadata.setType("attr", "validate"); 

    $(document).ready(function(){ 
    $("#upload").validate(); 
    }); 
    </script> 

<form enctype="multipart/form-data" action="fileupload.php" method="POST" id='upload'> 
Choose a file to upload: <input name="new_file" type="file" validate = "required:true"> 
<label for = "new_file" class = "error">You must select a file first before you can upload</label> 
<input type="submit" name="action" value="Upload"> 

</form> 

グレイトフル誰かが私が間違ってやって指摘することができます。

多くのおかげで、 スティーブ

答えて

1

document.readyメソッド内で、あなたの検証スクリプトを入れて試してみてください。すなわち

$(document).ready(function(){ 
    $.metadata.setType("attr", "validate"); 

    $(document).ready(function(){ 
     $("#upload").validate(); 
    }); 
}); 

working demo

+0

今働いているおかげでChinmayee。 –

関連する問題