Hacer una entrada de no-hacer clic en enviar

Question

tengo la siguiente entrada:

<input type="submit" name="next" value="Next"> 

¿Cómo voy a hacer este artículo no-hacer clic a través de jQuery? (es decir, solo se puede hacer clic en después de se cumplen ciertos criterios de validación)?

Aquí es un seguimiento a esta pregunta: Make a submit clickable after validations are met

Answer 1

2 Demos Demo 1 click here:oDemo 2 click here:

así que todo lo que necesita es para comprobar si la validación se realiza correctamente de no.

es decir if (notValid) mandril en el siguiente código y que desactivará el botón. o mejor aún, comience con el botón deshabilitado next.

Para permitir que pueda establecer la propiedad como falsa, estoy seguro de que tiene una buena idea, de lo contrario, proporcionar más código; Me complace ayudarte más. B-)

Espero que esto ayude!

$("#submit").prop('disabled', true);​ 

O

$("input[type='submit']").prop('disabled', true);​ 

Answer 2

$('input[name="next"]').prop('disabled', true); 

Answer 3

que puede utilizar:

$("input[type=submit][name='next']").attr("disabled", "disabled"); // unclickable 

$("input[type=submit][name='next']").removeAttr("disabled"); // clickable 

Answer 4

Desactivación de un elemento de entrada no impide constantemente eventos de clic o su propagación adicional en todos los navegadores.

Independientemente, sería apropiado simplemente devolver false si la validación falla, por lo que una acción (es decir, un envío de formulario) no se realiza. Esto evitará que la forma de ser presentado, y dado que el controlador de clic todavía se ejecuta usted sería capaz de proporcionar datos al usuario acerca de por qué la presentación falló:

$("#submit").click(function(){ 
    var isValid = true; 
    /*perform validation checks, changing isValid value to false when needed*/ 
    return isValid; //will return false if validation fails etc. 
});