- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
JS Animated. Wie macht man die Sonderzeichen-Validierung im Kontaktformular
Januar 29, 2013
Dieses Tutorial zeigt Ihnen wie man die Sonderzeichen-Validierung im Kontaktformular des JS Animated Templates macht.
Um die Form der Validierung einstellen zu lassen, bearbeiten Sie die Datei /js/forms.js.
1. Als erstes verändern Sie bitte die Dateicodierung in UTF-8.
2. Finden Sie den folgenden Code-Block:
".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'}, ".state":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'}, ".email":{rx:/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i,target:'input'}, ".phone":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'}, ".fax":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'}, ".message":{rx:/.{20}/,target:'textarea'}Hier können Sie die Validierung für die Formularfelder einstellen. Als Beispiel stellen wir die Validierung für das Name-Feld ein. Wir lassen es die folgende Sonderzeichen akzeptieren: á é í ó ú ü ñ
3. Bearbeiten bitte die folgende Zeile des Codes:
".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},und verändern sie in:
".name":{rx:/^[a-zA-Z\á\é\í\ó\ú\ü\ñ'][a-zA-Z-\á\é\í\ó\ú\ü\ñ' ]+[a-zA-Z\á\é\í\ó\ú\ü\ñ']?$/,target:'input'},Der Backslash \ muss vor jeden Sonderzeichen sein.
Jetzt akzeptiert der Formular die lateinischen und á é í ó ú ü ñ Buchstaben.
Jetzt lassen wir das Feld Name die kyrillische (Russische) Buchstaben akzeptieren>.
4. Bearbeiten bitte die folgende Zeile des Codes:
".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},und verändern sie in:
".name":{rx:/^[a-zA-Zа-яА-ЯёЁ'][a-zA-Z-а-яА-ЯёЁ' ]+[a-zA-Zа-яА-ЯёЁ']?$/,target:'input'},
Jetzt akzeptiert der Formular die lateinischen und kyrillischen (Russische) Buchstaben.
Sehen Sie jetzt das ausführliche Video-Tutorial an:
JS Animated. Wie macht man die Sonderzeichen-Validierung im Kontaktformular