top of page

Input: #zipCode

Code For Sample

Text: #validationMessage

Small Title

// For full API documentation, including code examples, visit http://wix.to/94BuAAs

 

$w.onReady(function () {

  //TODO: write your page related code here...

  $w('#zipCode').onCustomValidation((value, reject) => {

console.log(JSON.stringify($w('#zipCode').validity));

let regExp = new RegExp('^[0-9]{5}$');

if (!regExp.test(value))

{

reject('Bad Zip Code');

}

else

{

console.log('good zip code');

}

});

 

$w('#zipCode').onChange((event) => {

checkZipValidity();

});

});


 

export function zipCode_mouseIn(event, $w) {

  //Add your code for this event here:

checkZipValidity();

}

 

export function zipCode_mouseOut(event, $w) {

  //Add your code for this event here:

$w('#validationMessage').hide();

$w('#validationLabel').hide();

}

 

function checkZipValidity() {

if ($w('#zipCode').value.length > 0 && !$w('#zipCode').valid) {

$w('#validationMessage').text = $w('#zipCode').validationMessage;

$w('#validationMessage').show();

$w('#validationLabel').show();

}

}

bottom of page