limpiar - jQuery-Plug-ins de validación en vivo

remove childs jquery

Question

Estoy buscando un complemento para jQuery que pueda validarse cuando se presiona una tecla y luego pierde el foco (cuadros de texto).

Actualmente estoy usando jVal - jQuery Form Field Validation Plugin . Funciona bastante bien. El único problema que tengo es que solo puedo usar un mensaje de error genérico.

Por ejemplo: necesito una cadena de entre 2 y 5 caracteres. Si es demasiado corto, me gustaría mostrar un mensaje de error que indica que es corto, igualmente si es demasiado largo. Sé que podría mostrar un mensaje de error que requiere que la cadena tenga entre 2 y 5 caracteres. La validación que se realiza es más complicada.

Cualquier idea de otros validadores o cómo podría usar este complemento para mostrar mensajes de error únicos.

Editar:

La herramienta de validación debe evitar letras o números particulares y no requiere un formulario.

Gracias

Answer 1

Esta parece que se ajustaría a tu descripción:

• Plugin jQuery: validación (Homepage)
• manifestación
• Documentos de la API

Aquí hay un fragmento de código copiado del origen de la demostración:

// validate signup form on keyup and submit
$("#signupForm").validate({
    rules: {
        firstname: "required",
        lastname: "required",
        username: {
            required: true,
            minlength: 2
        },
        password: {
            required: true,
            minlength: 5
        },
        confirm_password: {
            required: true,
            minlength: 5,
            equalTo: "#password"
        },
        email: {
            required: true,
            email: true
        },
        topic: {
            required: "#newsletter:checked",
            minlength: 2
        },
        agree: "required"
    },
    messages: {
        firstname: "Please enter your firstname",
        lastname: "Please enter your lastname",
        username: {
            required: "Please enter a username",
            minlength: "Your username must consist of at least 2 characters"
        },
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        confirm_password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long",
            equalTo: "Please enter the same password as above"
        },
        email: "Please enter a valid email address",
        agree: "Please accept our policy"
    }
});

Answer 2

He usado el complemento jQuery: validación. funciona muy bien con la creación de elementos DOM sobre la marcha. Al crearlos sobre la marcha, asegúrese de que los atributos nombre e ID estén incluidos. Estoy bastante seguro de que el complemento utiliza el atributo de nombre para encontrarlos en el html. Si el nombre falta, no se pueden encontrar.

También esta podría ser otra buena herramienta de validación. http://www.livevalidation.com

Answer 3

En el tronco actual de jVal 0.1.4 puede manejar una funcionalidad de comprobación de errores un poco más robusta que las versiones anteriores, lo que le permite devolver cadenas como el mensaje de error. Obtenga la revisión actual 11 trunk de jVal 0.1.4 en http://jquery-jval.googlecode.com/svn/trunk/jVal.js

Aquí hay un ejemplo de un campo de contraseña que buscará:

1. Si la contraseña tiene 8 caracteres o más
2. Si la contraseña tiene al menos un carácter numérico
3. Si la contraseña tiene al menos uno de más caracteres alfabéticos

Mostrará un mensaje personalizado si falla un control específico

<input id="web_pswd" type="password" size="20"
    jVal="{valid:function (val) { if ( val.length < 8 ) return ''8 or more characters required''; else if ( val.search(/[0-9]/) == -1 ) return ''1 number or more required''; else if ( val.search(/[a-zA-Z]/) == -1 ) return ''1 letter or more required''; else return ''''; }, styleType:''pod''}"

Answer 4

Prueba esto:

http://www.geektantra.com/2009/09/jquery-live-form-validation/

Answer 5

para mí, lo mejor sería http://livevalidation.com/ o el de baseassistance http://bassistance.de/jquery-plugins/jquery-plugin-validation/

jVal y live-form-validation pueden estar bien, pero creo que el objetivo de usar gjQuery es utilizar código limpio y no obstructivo, y requieren tanto lío que no es una opción para mí.

Creo que la validación en vivo evolucionará en el futuro, realmente es extraño tener que escribir toda la expresión regular para validar un correo electrónico en cada formulario ...