github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-20 05:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity

Validate on blur; reset validation on focus.

Browse source
This commit is contained in:
Paulo Reis 2016-08-23 11:55:23 +01:00
parent f79bee7893
commit bc16999a4e
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
services/web/app/views/subscriptions/new.jade
View file

@ -234,8 +234,9 @@ block content
type="text" type="text"
ng-model="data.number" ng-model="data.number"
name="ccNumber" name="ccNumber"
ng-focus="validation.correctCardNumber = true; validation.errorFields.number = false;"
ng-blur="validateCardNumber();"
required required
ng-change="validateCardNumber()"
cc-format-card-number cc-format-card-number
) )
span.input-feedback-message {{ simpleCCForm.ccNumber.$error.required ? 'This field is required' : 'Please re-check the card number' }} span.input-feedback-message {{ simpleCCForm.ccNumber.$error.required ? 'This field is required' : 'Please re-check the card number' }}
@ -248,9 +249,10 @@ block content
type="text" type="text"
ng-model="data.mmYY" ng-model="data.mmYY"
name="expiry" name="expiry"
required
placeholder="MM / YY" placeholder="MM / YY"
ng-change="updateExpiry(); validateExpiry()" ng-focus="validation.correctExpiry = true; validation.errorFields.expiry = false;"
ng-blur="updateExpiry(); validateExpiry()"
required
cc-format-expiry cc-format-expiry
) )
span.input-feedback-message {{ simpleCCForm.expiry.$error.required ? 'This field is required' : 'Please re-check the expiry date' }} span.input-feedback-message {{ simpleCCForm.expiry.$error.required ? 'This field is required' : 'Please re-check the expiry date' }}
@ -261,7 +263,8 @@ block content
input.form-control( input.form-control(
type="text" type="text"
ng-model="data.cvv" ng-model="data.cvv"
ng-change="validateCvv()" ng-focus="validation.correctCvv = true; validation.errorFields.cvv = false;"
ng-blur="validateCvv()"
name="cvv" name="cvv"
required required
cc-format-sec-code cc-format-sec-code