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
Post a Comment