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