JQuery-Validate-input-Datei-Typ

Habe ich ein Formular haben kann, dass die 0-Hunderte von <input type="file"> Elemente. Ich nannte Sie Sie der Reihe nach, je nachdem, wie viele werden dynamisch auf der Seite Hinzugefügt.

Beispiel:

<input type="file" required="" name="fileupload1" id="fileupload1">
<input type="file" required="" name="fileupload2" id="fileupload2">
<input type="file" required="" name="fileupload3" id="fileupload3">
<input type="file" required="" name="fileupload999" id="fileupload999">

In meinem JQuery möchte ich überprüfen Sie diese Eingaben auf akzeptable MIME/Dateitypen. Wie diese:

$("#formNew").validate({
    rules: {
        fileupload: {
            required: true, 
            accept: "image/jpeg, image/pjpeg"
        }
    }

Sofort mein problem ist, dass die name - Attribut des input-Datei Elemente ist dynamisch. Es hat dynamisch zu sein, so dass meine web-Anwendung kann sich mit jedem laden korrekt. Also offensichtlich mit "fileupload" ist nicht zum arbeiten in die Spielregeln.

Wie ich die Regeln, die für alle Eingaben, die einen Namen haben wie "fileupload"?

Dies ist der code, der dynamisch fügt der Eingänge:

var filenumber = 1;
$("#AddFile").click(function () { //User clicks button #AddFile
    $('<li><input type="file" name="FileUpload' + filenumber + '" id="FileUpload' + filenumber + '" required=""/> <a href="#" class="RemoveFileUpload">Remove</a></li>').prependTo("#FileUploader");
    filenumber++;
    return false;
});
$("#FileUploader").on('click', '.RemoveFileUpload', function () { //Remove input
    if (filenumber > 0) {
        $(this).parent('li').remove();
        filenumber--;
    }
    return false;
});
InformationsquelleAutor volume one | 2014-01-05
Schreibe einen Kommentar