2016-04-21 71 views
0

我有一個包含4個字段的輸入表單。頻率(文本框),廣告尺寸(文本框),輸入1(選擇框),輸入2(選擇框)。我正在使用查詢驗證。爲各種選擇框更改驗證單個表單的特定字段 - jQuery

如何針對各種選擇框更改驗證單個表單的特定字段。 1. IP2期間IP1平變化 2.驗證adSize時場平變化

一個示例代碼

<!DOCTYPE HTML> 
<html> 
<script src="//code.jquery.com/jquery-1.9.1.js"></script> 
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> 
<script> 
$(document).ready(function() { 

$("#ip1").change(function() { 
$('#simpleform').valid()}); 
}) 

$("#ip2").change(function() { 
$('#simpleform').valid()}); 
}) 

$("#simpleform").validate({ //use this during ip1 change 
    rules: { 
    frequency: "required" 
    }, 
    messages: { 
    frequency: "Please specify your frequency" 
    } 
}); 

$("#simpleform").validate({ //use this during ip2 change 
    rules: { 
    adsize: "required" 
    }, 
    messages: { 
    adsize: "Please specify adsize" 
    } 
}); 


</script> 
<body> 

<form id="simpleform"> 
Frequency : <input type="text" name="frequency"><br> 
Ad Size: <input type="text" name="adsize"><br> 
Input 1: 
<select id="ip1"> 
<option>A</option> 
<option>B</option> 
<option>C</option> 
</select> 
<br> 
Input 2: 
<select id="ip2"> 
<option>X</option> 
<option>Y</option> 
<option>Z</option> 
</select> 
<br> 
<input type="submit"> 
</form> 

</body> 
</html> 
+0

你能解釋一下你想做什麼樣的驗證?只是說'如何驗證單個表單的特定字段以用於各種選擇框更改。'是不夠的,你能否用一個示例來解釋 –

+0

您可以使用'depends'來根據選定的選項進行條件驗證。參考這個 - http://jsfiddle.net/mvandiest/hJGsU/ – Bhumika107

回答

0

期間驗證頻率字段,您可以嘗試一下本作選擇值驗證:

jQuery(document).ready(function(){ 
    jQuery("select").change(function(){ 
     var select_value = jQuery(this).val(); 
     if(select_value == "") 
     { 
      jQuery(this).next("span.err_msg:first").text("Please Select Value").show(); 
      return false; 
     } 
     else 
     { 
      jQuery(this).next("span.err_msg:first").hide(); 
     } 
    }); 
}); 

加入HTML

<select id="ip1"> 
<option>A</option> 
<option>B</option> 
<option>C</option> 
</select> 
<span class="err_msg"><span>