поля для рассылки jquery для проверки

Question

На моей веб-странице есть 3 окна выбора, в которых пользователь может выбрать день, месяц и год Когда страница загружается, в день выбора выбирается «День», название месяца в месяце (например, январь) :

$("#join").validator.addMethod('check_dob', function(value, element, params) { 
 
     //unsure about this logic 
 
    }, "Enter the number of persons (including yourself)");  
 
    
 
    
 
    \t \t $("#join").validate({ 
 
    \t \t \t rules : { 
 
    \t \t \t \t firstname: "required", 
 
    \t \t \t \t lastname: "required", 
 
    \t \t \t \t dob: { check_dob: ['day', 'month', 'year'] } 
 
    \t \t \t }, 
 
    \t \t \t 
 
    \t \t \t messages: { 
 
    \t \t \t \t firstname: "Firstname is required", 
 
    \t \t \t \t lastname: "Lastname is required", 
 
    \t  } 
 
    
 
    \t \t });

<label for="dob">Date of Birth:</label> 
 

 
<!-- day --> 
 
<select name="day" id="day"> 
 
<option value='0'>Day</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option><option value='11'>11</option><option value='12'>12</option><option value='13'>13</option><option value='14'>14</option><option value='15'>15</option><option value='16'>16</option><option value='17'>17</option><option value='18'>18</option></select> 
 

 
<!-- month --> 
 
<select name="month" id="month"> 
 
<option value="0">Month</option> 
 
<option value="1">January</option> 
 
<option value="2">February</option> 
 
<option value="3">March</option> \t \t \t \t \t \t \t \t \t 
 
<option value="4">April</option> 
 
<option value="5">May</option> 
 
<option value="6">June</option> 
 
<option value="7">July</option> 
 
<option value="8">August</option> 
 
<option value="9">September</option> 
 
<option value="10">October</option> 
 
<option value="11">November</option> 
 
<option value="12">December</option> 
 
</select> 
 

 
<!-- year --> 
 
<select name="year" id="year"> 
 
<option value='0'>Year</option><option value='1996'>1996</option><option value='1995'>1995</option><option value='1994'>1994</option><option value='1993'>1993</option><option value='1992'>1992</option><option value='1991'>1991</option><option value='1990'>1990</option><option value='1989'>1989</option><option value='1988'>1988</option><option value='1987'>1987</option><option value='1986'>1986</option><option value='1985'>1985</option><option value='1984'>1984</option><option value='1983'>1983</option><option value='1982'>1982</option><option value='1981'>1981</option></select> \t \t \t \t \t \t \t \t \t

, когда форма представляет Я хочу форму, чтобы проверить и, если пользователь не выбрал ни день, месяц, год он получит сообщение об ошибке. Это 1 сообщение об ошибке, а не 3. I t должно отображаться справа для поля ввода года (поэтому оно выровняется с другими сообщениями об ошибке проверки)

Не знаете, как закодировать это, были отправлены в Google и были прочитаны http://jsfiddle.net/hBXL6/, но это было сделано Я работаю для меня. Любое руководство было бы замечательным

Answer 1

Ну, используя jQuery, я бы удалил то, что у вас есть, и пойдите для более простой проверки опции, поскольку были основаны на значениях .val() будет работать нормально; Я собрал jsfiddle, который работает так, как я думаю, это то, что вы ожидаете. (Я надеюсь), которые вы можете найти здесь: http://jsfiddle.net/dhershman/33pv91am/

var day = $('#day option:selected').val(); 
    var mnth = $('#month option:selected').val(); 
    var year = $('#year option:selected').val(); 

Это будет выглядеть на ваши настройки параметров см, если значение равно нулю (вы также можете сделать это меньше или равно в случае негативов для независимо от причины), а затем выбрасывает вашу ошибку, иначе она будет регистрироваться как правильная.