在javascript中選擇框的驗證

您好我已經開發了一個表單，其中有輸入框和選擇框。我想對選擇框和輸入框進行驗證。我只能對輸入框進行驗證。我無法對輸入框中的選擇框進行驗證。在javascript中選擇框的驗證

$(document).ready(function(){ 
 
    $("#myform").validate(); 
 
    });

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> 
 
<form action="#" id="myform"> 
 

 
     <label class="label1 col-md-4">Enter Template Name 
 
     <span class="required"> * </span> 
 
     </label> 
 

 
     <input id="templateName" type="text" data-required="1" class="form-control" /> 
 
     </br> 
 

 
     <label class="label1 col-md-4">Enter Admission Year 
 
     <span class="required"> * </span> 
 
     </label> 
 

 

 
     <input id="admissionYear" type="text" data-required="1" maxlength="4" /> 
 
     </br> 
 

 
     <label class="label1 col-md-4">Select the type of eligibility 
 
     <span class="required"> * </span> 
 
     </label> 
 

 
     <select id="reportsSelect" class="form-control" data-placeholder="Select" tabindex="1"> 
 
     <option value="0">Choose</option> 
 
     <option value="overall">Overall</option> 
 
     <option value="specific">Specific subject</option> 
 
     </select> 
 
     </br> 
 

 
     <button type="button">Submit</button> 
 
    </form>

來源

2017-02-04 Arpit Gupta

你的代碼在哪裏？對輸入框進行驗證的人。 –

請分享您的JavaScript代碼？ –

我已經包含JavaScript代碼。尋找一些好的建議 –

一些「問題」在這裏。

你的標籤不，或者通過具有輸入其中的內部，或使用for屬性來引用相應的輸入的ID引用它們所屬的輸入。
placeholder上<select>是沒有意義的
你應該使用required，不data-required="1" - 這讓瀏覽器做驗證，而不需要你的任何代碼在所有。如果您有任何jQuery驗證，請將其刪除。這是2017，you don't need it：p
select的「無值」選項應該是<option value="">。然後，您可以將required添加到<select>以要求用戶選擇非空的值。
使用<input type="submit" value="Submit" />或<button type="submit">Submit</button>，而不是<button type="button">
我假設你有一個jQuery事件處理程序來處理表單。如果您使用required屬性（瀏覽器本機驗證），那麼您只需在窗體上聆聽.on('submit')事件 - 如果有任何內容無效，它將不會觸發。

來源

2017-02-04 14:24:47

在javascript中選擇框的驗證

回答

相關問題