HTML5 Form Validator Manual

March 2, 2016
Adding Unicode Validation to Your Forms
Adding Unicode Validation to Your Forms

With this movie we will show you how to add Unicode validation to your forms using HTML5 Form Validator Unicode Add-on.

Step by Step

We will show you how to add unicode validation, to your forms using HTML5 Form Validator Unicode Add-on. We created a simple HTML form, using DMXzone Bootstrap3 Forms Designer and we'd like to add unicode validation to the name and message fields. Click the HTML5 Form Validator icon (1). Select your form (2). And click the validate form checkbox. Select the field, which you'd like to validate. And click the add validation button (3). Open the text menu. There are two unicode options. Unicode letters and Unicode script. Using unicode letters you allow any unicode character to be entered while using the unicode script validation you can select a specific writing system. For the name field, we select the unicode letters validation (4).

There are several unicode properties, which can also be allowed like spaces punctuationor symbols. Here we enable punctuation and spaces (1). Then, enter an error message, to be shown if the validation fails (2). Now, we select the message text area (3).

And click the, add new validation button (1). Open the text menu (2). Here, we select the unicode script validation (3).

The default script, selected here is latin. This includes all of the western european languages. You can add as many scripts, as you need. We'd like to support latin and cyrillic input, in this field (1) So, we just scroll to the script, which we want to add and select it. Then, we allow the options, which we need. And click the save button to apply the validations to the form (2).

Let's preview the results. Entering a name, containing unicode characters is not a problem anymore. Fill in the rest of the form field surname phone and email. Now let's fill in the message field. Here we enabled both latin and cyrillic characters to be entered. You can see, that validation works just fine on this field also.