Validar campo Jeditable

Question

Estoy usando Jeditable (publicando en CakePHP) para la entrada en mi página. Quiero que los usuarios solo completen los números en los campos Jeditables, así que mi idea era usar también el jQuery validation plugin para validar si solo se usan números, ya lo uso en otras partes de mi sitio.

Jeditable crea dinámicamente un formulario con una entrada al hacer clic en el div, por lo que parece que no hay nada para que Jquery valide la vinculación y no parece funcionar normalmente.

Soy capaz de establecer el nombre de clase del formulario a través de Jeditable (solo tiene una clase atrribute), la entrada creada solo tiene un atributo de nombre que por defecto es "name".

Mis preguntas:

• ¿Es esta una buena manera de requerir sólo números?
• Si es así, cómo hacer que funcione con Jquery validar
• Si no, ¿cuál sería una solución mejor?

Gracias de antemano, y espero con interés las respuestas que podría conseguir;)

Answer 1

Puede usar el complemento de validación jQuery directamente en jeditable para validar los campos de su formulario

$('.edit').editable(your_url, { 
    onsubmit: function(settings, td) { 
     var input = $(td).find('input'); 
     $(this).validate({ 
      rules: { 
       'nameofinput': { 
        number: true 
       } 
      }, 
      messages: { 
       'actionItemEntity.name': { 
        number: 'Only numbers are allowed' 

       } 

      } 
     }); 

     return ($(this).valid()); 
    } 
}); 

Answer 2

Usted puede utilizar el evento onsubmit en Jeditable y comprobar si la entrada tiene sólo números. Esto es sólo un ejemplo, yo no lo probé:

function isNumeric(value) { 
    if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false; 
    return true; 
} 

$('.edit').editable(your_url, { 
    onsubmit: function(settings, original) { 
     if (isNumeric(original)) { 
      return true; 
     } else { 
      //display your message 
      return false; 
     } 
    } 
}); 

Answer 3

el código que funcionó para mí

function isNumeric(value) { 
    if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false; 
    return true; 
} 

$('.edit').editable(your_url, { 
    onsubmit: function(settings, td) { 
     var input = $(td).find('input'); 
     var original = input.val(); 
     if (isNumeric(original)) { 
      console.log("Validation correct"); 
      return true; 
     } else { 
      console.log("Validation failed. Ignoring"); 
      input.css('background-color','#c00').css('color','#fff'); 
      return false; 
     } 
    } 
}); 

Answer 4

Hay un código, tal vez puede ayudarle a: D
http://www.codeproject.com/Articles/50059/jQuery-Validate-and-Jeditable-Part-2/

Answer 5

Para mi proyecto, he cambiado el nombre de la función a es aceptable porque dejo que los paréntesis, guiones, puntos sean parte del número de teléfono.

function isAcceptable(value) { 
    if (value == null || !value.toString().match(/^[-+]?\d*\.?[\d\s().-]+$/)) return false; 
    return true; 
} 

Answer 6

jquery.editable.js abiertos y encontrar: función onedit

/* setup some functions */ 
     var onedit = settings.onedit || function() { }; 

y hacer algo como:

$('.edit').editable(your_url, { 
    onedit:function(){ 
      alert("original value"+$(this).text()); 
    }, 
});