Validierung der form-input-type-file-type mit jquery validate plugin

den folgenden code:
script-code

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

        rules: {  

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


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

        }       
    });

});
</script>

html-code

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

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

Ich bin mit jquery validate.js Datei für die client-seitige Validierung. wenn ich eine Datei mit obigen code nicht erscheint eine Fehlermeldung.

Wie soll ich alarmieren die Fehlermeldung, wenn der Benutzer keine Datei ausgewählt?

InformationsquelleAutor MAK | 2012-06-04

  1. 4

    Versuchen.

    $(document).ready(function() {
    $("#formElem").validate({
        rules: {  
            dimage:{
                required: true    
            }  
        },
        messages: {
            dimage:{
               required: 'Please select the image!'  
            } ,
        }       
    });
});
    Danke Shankar Sangoli..es funktioniert Prima
    so überprüfen Bild mit dem Typ(png und jpg) mit min-und max-Größe

    InformationsquelleAutor ShankarSangoli

  2. 4

    Wenn Ihr das hochladen einer Bild-Datei Jquery-Validation-plugin eine option accept können Sie festlegen, dass ein Wert, der überprüft, ob die Datei wirklich ein Bild, dann ist dein jquery-code wird wie folgt Aussehen:

    $("#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"
                }  

             }      
        });

    weitere Informationen Finden Sie unter Offiziellen Docs

    Hinweis: Diese Methode verwendet, um zu betrachten, nur mit dem Dateinamen, insbesondere die Dateiendung. Das Verhalten ist jetzt als die "extension" - Methode innerhalb src/additional/extension.js. Siehe auch.

    InformationsquelleAutor Seeker

Schreibe einen Kommentar