it-swarm-tr.com

Kendi modülüme doğrulama nasıl eklenir?

Seçme seçeneğinden belge türünü seçip dosyayı yükleyerek kodda nasıl doğrulayacağım

<form name="file_up_form" method="post" name="fileupload" enctype="multipart/form-data">
    <div class="field_container1 thumbnail span3">
        <label for="select_option">Select option here</label>
        <select name="doc_type" id="select_option" style="width: 200px;" multiple>
            <option value="1">Education</option>
            <option value="2">Certification</option>
            <option value="3">Client Paperwork</option>
            <option value="4">Invoice</option>
        </select>
    </div>
    <div class="field_container thumbnail span4">
        <label for="file">Upload here: </label>
        <input type="file" name="file" id="file">
        <input class="btn btn-primary" type="submit" value="submit" name="submit">
    </div>
    <input type="hidden" name="check" value="1">
</form>

İşte şimdiye kadar kullandığım doğrulama kodu:

<script> 
    function validate() 
    { 
        if(document.fileupload.doc_type.value == "" && document.fileupload.doc_type.value == null) 
        { 
            alert( "Please provide your document!" ); 
            return false; 
        } 
        if(document.fileupload.file.value == "" && document.fileupload.file.value == null) 
        {   
            alert( "Please provide your file!" ); 
            return false; 
        } 
        return true; 
    } 
</script>
1
reegan29

document.fileupload.doc_type.value Öğesini document.getElementById('file').value olarak değiştirin. Ayrıca, değerin "" VE null olup olmadığını kontrol ediyorsunuz, bunun mümkün olup olmadığından emin değilim.

Dosya biçimini vb. Doğrulamanız gerekmedikçe, bunun gibi daha basit bir şey deneyin:

HTML

<form onsubmit="return(validate());" name="file_up_form" method="post" name="fileupload" enctype="multipart/form-data" >
    <div class="field_container1 thumbnail span3">
        <label for="select_option">Select option here</label>
        <select name="doc_type" id="select_option" style="width: 200px;" multiple>
            <option value="1">Education</option>
            <option value="2">Certification</option>
            <option value="3">Client Paperwork</option>
            <option value="4">Invoice</option>
        </select>
    </div>
    <div class="field_container thumbnail span4">
        <label for="file">Upload here: </label>
        <input type="file" name="file" id="file">
        <input class="btn btn-primary" type="submit" value="submit" name="submit">
    </div>
    <input type="hidden" name="check" value="1">
</form>

JavaScript

<script> 
    function validate() 
    { 
        if(!document.getElementById('file').value) 
        { 
            alert( "Please provide your document!" ); 
        } 
        return false; 
    } 
</script>

Formun gönderilmesini durdurmak için hiçbir dosya seçilmemişse, false (şu anda yaptığınız gibi true değil) döndürmemeli misiniz? <form> Etiketi muhtemelen bir action parametresi içermelidir.

3
johanpw