Jump to content
Sign in to follow this  
Altair

Text Field Formatting Validation

Recommended Posts

How do I make my fields check and validate if the entered field is following a specified format? Like the email validation for example. I would like to have the same for fiscal ID's, etc. Any ideas?

Share this post


Link to post
Share on other sites

This links might give you an idea on how it can be done by adding a required pattern attribute to your text fields.

https://stackoverflow.com/questions/39343696/jquery-fiscal-code-validation

https://stackoverflow.com/questions/39592208/dynamically-adding-pattern-and-title-attributes-to-input-control

Here's an example that you can test in an HTML Block w/ Header and Footer for the styles:
 

<div>FISCAL ID: <input type="text" name="name" required pattern="[A-Z]{6}\d{2}[A-E,H,L,M,P,R,S,T]{1}\d{2}[A-Z]{1}\d{3}[A-Z]{1}" /></div>

<style>  
input:required:invalid {background-color: lightcoral;}
input:required:valid {background-color: lightgreen;} 
</style>

With this knowledge, you can select the Caspio text field and use:

.setAttribute("pattern","[A-Z]{6}\\d{2}[A-E,H,L,M,P,R,S,T]{1}\\d{2}[A-Z]{1}\\d{3}[A-Z]{1}");

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...