Bug 10861: (follow-up) use minlength/maxlength rather than pattern for client-side validation
This patch replaces use of the HTML5 pattern attribute with minlength and maxlength, which is compatible with the jQuery validation plugin and which, in Chrome 33.0.1750.146 at least, works better. To test: [1] Enter a new patron record or edit an existing one. [2] Verify that the minimum and/or maximum length requirements set by the CardnumberLength syspref are validated and that form submission is prevented if the cardnumber doesn't meet the length requirements. Signed-off-by: Galen Charlton <gmc@esilibrary.com>
This commit is contained in:
parent
a5c7918eb3
commit
22593e2e9b
1 changed files with 4 additions and 2 deletions
|
@ -898,9 +898,11 @@
|
|||
[% END %]
|
||||
Card number: </label>
|
||||
[% IF minlength_cardnumber == maxlength_cardnumber %]
|
||||
<input type="text" id="cardnumber" name="cardnumber" size="20" value="[% cardnumber %]" pattern=".{[% minlength_cardnumber %]}" title="Exactly [% minlength_cardnumber %] characters" />
|
||||
<input type="text" id="cardnumber" name="cardnumber" size="20" value="[% cardnumber %]" minlength="[% minlength_cardnumber %]" maxlength="[% maxlength_cardnumber %]" title="exactly [% minlength_cardnumber %] characters" />
|
||||
[% ELSIF minlength_cardnumber && maxlength_cardnumber %]
|
||||
<input type="text" id="cardnumber" name="cardnumber" size="20" value="[% cardnumber %]" pattern=".{[% minlength_cardnumber %],[% maxlength_cardnumber %]}" title="between [% minlength_cardnumber %] and [% maxlength_cardnumber %] characters" />
|
||||
<input type="text" id="cardnumber" name="cardnumber" size="20" value="[% cardnumber %]" minlength="[% minlength_cardnumber %]" maxlength="[% maxlength_cardnumber %]" title="between [% minlength_cardnumber %] and [% maxlength_cardnumber %] characters" />
|
||||
[% ELSIF maxlength_cardnumber %]
|
||||
<input type="text" id="cardnumber" name="cardnumber" size="20" value="[% cardnumber %]" maxlength="[% maxlength_cardnumber %]" title="up to [% maxlength_cardnumber %] characters" />
|
||||
[% ELSE %]
|
||||
<input type="text" id="cardnumber" name="cardnumber" size="20" value="[% cardnumber %]" />
|
||||
[% END %]
|
||||
|
|
Loading…
Reference in a new issue