2011-10-12 14 views
8

Deseo utilizar: HTML 5 obligatorio.html5 tipo de entrada requerido sin un formulario. ¿Funciona?

como

<input type='text' required> 

sólo parece funcionar si el tipo de entrada está en una forma. ¿No puedo usarlo solo y luego, mediante javascript, llamar a algún tipo de primer método de validación?

Más comentarios siguientes votaciones:

tengo

<input id='name' type='text' required> 
    <input id='surname' type='text' required> 
    <input id='send' type='button' onclick ='send()'> 

    function send() { 
     if (document.getElementById('name').value == '') { alert('missing name'); return } 
     if (document.getElementById('surname').value == '') { alert('missing surname'); return } 

     // logic now... 

    } 

El bit donde comprueba los parametros de entrada y envía alerta que es el bit me gustaría cambiar mediante el uso de HTML 5

+0

¿Puedes publicar un poco más de código para explicar mejor lo que estás tratando de lograr? – beefyhalo

+1

¿Cuándo se supone que se realizará la validación si no hay un formulario para enviar? – JJJ

+0

¿está usando AJAX para enviar el valor de la entrada? –

Respuesta

9

dudas emplear

document.getElementById('your_input_id').validity.valid 

para comprobar la validez de campo de forma dinámica.

+0

Por cierto, puede verificar otros valores en el objeto de validez si quiere saber la razón exacta por la cual este campo no es válido. – RReverser

+0

document.getElementById ('your_input_id'). Validity.valid funciona en el sentido de que dice 'verdadero'/'falso' pero no trae el mensaje de información sobre herramientas (obligatorio) y se centra en el texto al que le falta el parámetro. – Zo72

+0

@ lorenzo72 Pensé que querías marcar el campo en JS e implementar tu propio controlador (información sobre herramientas más o menos). No puedes hacer lo que quieras Debe envolver sus elementos en forma o implementar su propio controlador. – RReverser

2

En primer lugar, el atributo "requerido" se activará en el evento "enviar", así que, supongo, no hay forma - no se enviará nada. En segundo lugar, ¿por qué existe el problema con la forma?

2

Con 'required', esto debería funcionar solo si se envía el formulario.

Cuestiones relacionadas