javascript - jQuery Validate: Validate that one field, or both fields of a pair are required -


i have form trying validate has 2 fields:

<div class="entryform">     <div class="formfield">         <label for="fieldemailaddress">email address:</label>         <input type="email" name="fieldemailaddress" id="fieldemailaddress"/>     </div>     <div class="formfield">         <label for="fieldmobilenumber">mobile number:</label>         <input type="text" name="fieldmobilenumber" id="fieldmobilenumber"/>     </div> </div> 

here's jquery validation wireup:

<script type="text/javascript">     $(document).ready(function () {         $('#form1').validate({ rules: { fieldmobilenumber: { phoneus: true } } });     }); </script> 

what i'd add additional validation rule says: the form not valid if both fieldemailaddress , fieldmobilenumber blank. in other words, i'd make such @ least 1 of either fieldemailaddress or fieldmobilenumber required. seems of jquery validation custom methods designed work 1 field @ time - need validate both.

any ideas?

you need include the additional-methods.js file , use require_from_group method.

require_from_group: [x, '.class']  // x = number of items required group of items.  // .class = class assigned every form element included in group. 

jquery:

$(document).ready(function () {      $('#form1').validate({         rules: {             fieldmobilenumber: {                 phoneus: true,                 require_from_group: [1, '.mygroup']             },             fieldemailaddress: {                 require_from_group: [1, '.mygroup']             }         },         groups: {             thegroup: 'fieldmobilenumber fieldemailaddress'         }     });  }); 

add class="mygroup" each input need group together...

<input type="email" name="fieldemailaddress" id="fieldemailaddress" class="mygroup" /> 

and finally, optionally use groups option lump messages one...

groups: {     thegroup: 'fieldmobilenumber fieldemailaddress' } 

working demo: http://jsfiddle.net/cyzzy/

if don't validation message placed, that's you'd tweak using errorplacement callback function.


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

c++ - Clear the memory after returning a vector in a function -

erlang - Saving a digraph to mnesia is hindered because of its side-effects -