與引導文件JQuery驗證上傳

Question

喜林很新的編程，我希望能幫助我解決這個問題：

我試圖表明一個彈出提交我的表單和輸入類型的文件是空當，但是這並未」工作，我使用引導2.3.1和jQuery驗證插件1.11.1，與其他控件工作正常。

我的javascript：

$("#ARCHIVO").rules("add", { required: true, messages: { required: "Campo obligatorio" }, accept: "*/pdf" }); 

我的html：

<div class="control-group"> 
<label class="control-label">Archivo</label> 
<div class="controls"> 
    <div class="fileupload fileupload-new" data-provides="fileupload" id="frmUpload"> 
     <div class="input-append"> 
      <div class="uneditable-input span9"> 
       <i class="icon-file fileupload-exists"></i><span class="fileupload-preview"></span> 
      </div> 
      <span class="btn btn-file"><span class="fileupload-new"><i class="icon-search"></i></span><span class="fileupload-exists"><i class="icon-refresh"></i></span> 
       <input name="ARCHIVO" id="ARCHIVO" type="file" style="z-index: 9999" /></span><a href="#" class="btn fileupload-exists" data-dismiss="fileupload"><i class="icon-remove"></i></a> 
     </div> 
    </div> 
</div> 

Answer 1

假設是在OP您的完整代碼。

1）您需要將您的數據輸入元素放在<form>容器的的內部。

<form id="myform"> 
    .... 
</form> 

2）之前，你可以使用.rules()方法動態添加規則，則需要使用.validate()方法來初始化表單上的插件。

$('#myform').validate(); 

然而，在這種情況下，你不會需要.rules()方法，因爲你可能不需要動態添加規則。 ...只要申報的規則在.validate()方法

$('#myform').validate({ 
    rules: { 
     ARCHIVO: { 
      required: true, 
      accept: "*/pdf" 
     } 
    }, 
    messages: { 
     ARCHIVO: { 
      required: "Campo obligatorio" 
     } 
    } 
}); 

3）您使用的是accept方法/規則，所以你要記住，the additional-methods.js file？

4）你沒有顯示它，所以我會採取任何理所當然。當調用jQuery時，確保頁面準備就緒是個好主意。把你的jQuery放入一個DOM準備好的事件處理程序中。

$(document).ready(function() { 

    $('#myform').validate({ 
     ..... 
    }); 

});