[contact-form-7 id="24084" title="Feedback ES"]

Plantillas Destacadas

Plantillas con animaciín JS. ¿Cómo validar caracteres especiales en formulario de contacto?

Este tutorial le ayudará a trabajar con los caracteres especiales en formulario de contacto en plantillas con animación JS.

Para ajustar la validación de formularios hayq ue editar el fichero /js/forms.js.

1. En primer lugar, reemplace_ por favor, la codificación del fichero por UTF-8.

2. Busque el siguiente bloque de código:

".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'}

Aquí se puede ajustar la validación de campos de formulario. Vamos a ajustar la validación del campo name (Nombre), por ejemplo.
Vamos a ajustarlo para que acepte los siguientes caracteres especiales: á é í ó ú ü ñ

3. Modifique la siguiente línea de código:

".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},

y reemplacela por:

".name":{rx:/^[a-zA-Z\á\é\í\ó\ú\ü\ñ'][a-zA-Z-\á\é\í\ó\ú\ü\ñ' ]+[a-zA-Z\á\é\í\ó\ú\ü\ñ']?$/,target:'input'},

Hay que usar \ antes de cada caracter especial.

Ahora el formulario acepta los caracteres á é í ó ú ü ñ.

Vamos a ajustarlo para que acepte las letras cirílicas (el ruso).

4. Modifique la siguiente línea de código:

".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},

y reemplacela por:

".name":{rx:/^[a-zA-Zа-яА-ЯёЁ'][a-zA-Z-а-яА-ЯёЁ' ]+[a-zA-Zа-яА-ЯёЁ']?$/,target:'input'},

Ahora nuestro formulario acepta los símbolos latínos y cirílicos.

Por favor, revise el tutorial:

Plantillas con animaciín JS. ¿Cómo validar caracteres especiales en formulario de contacto?

Plantillas con animaciín JS. ¿Cómo validar caracteres especiales en formulario de contacto?, 3.0 out of 5 based on 2 ratings