4

次のコード: スクリプト コード

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

        rules: {  

            dimage:{
                minlength:200    
            }  
        },
messages: {


             dimage:{
               required: 'Please select the image!'  
            } ,

        }       
    });

});
</script>

htmlコード

<form id="formElem" name="formElem" action="" method="post">

 <input type="file" name="dimage" id="dimage" />
</form>

クライアント側の検証に jquery validate.js ファイルを使用しています。上記のコードでファイルを作成すると、エラー メッセージが表示されません。

ユーザーがファイルを選択していないときにエラー メッセージを表示するにはどうすればよいですか?

4

2 に答える 2

5

画像ファイルのアップロードJqueryValidationプラグインにオプションacceptがある場合は、ファイルが実際に画像である場合にjqueryコードが次のようになることを検証する値に設定できます。

$("#formElem").validate({

      rules: {  

            dimage:{
                    required: true,
                    accept:"jpg,png,jpeg,gif"
                }  
        },
    messages: {

            dimage:{
                    required: "Select Image",
                    accept: "Only image type jpg/png/jpeg/gif is allowed"
                }  

             }      
        });

詳細については、公式ドキュメントを参照してください

于 2013-03-20T09:52:34.450 に答える
4

これを試して。

$(document).ready(function() {
    $("#formElem").validate({
        rules: {  
            dimage:{
                required: true    
            }  
        },
        messages: {
            dimage:{
               required: 'Please select the image!'  
            } ,
        }       
    });
});
于 2012-06-04T15:03:52.010 に答える