Atributo required (HTML5) no Internet Explorer

[Rodrigo Leite 0]

Fiz essa rotina aqui para validar os campos marcados como required também no internet explorer, como eu não queria usar o jquery validate, fiz assim por achar mais simples (pois não é necessário criar um regra para cada campo em especial), espero que contribua:

 

$("form").submit( function (){
                    var boAutorizaSubmit = true;
	            $("input").each(function () {
	                if ($(this).has("required")) {
	                    if ($(this).val() == '') {
	                        if ($(this).attr("descricao") != '') {
	                            alert("Você deve preencher o campo: " + $(this).attr("descricao"))
	                        }
	                        $(this).css({ "background-color": "#f5dede" });
	                        $(this).focus;
                                boAutorizaSubmit = false;

	                    } else {
	                        $(this).css({ "background-color": "#FFFFFF" });
	                    }
	                }
	            });

	            return boAutorizaSubmit;
	        });

 

 

Caso queira que seja mostrado uma mensagem, deve ser criado um atributo "descricao" em cada elemento.

 

abraços;

[JCMais 75]

Só uma dica, você está usando muitas vezes [inline]$( this )[/inline], isso está criando vários objetos jQuery de forma desnecessária, quando você só precisaria criar uma vez. Chame apenas uma vez e atribua o resultado à uma variável, algo como [inline]var $this = $( this );[/inline], o [inline]$[/inline] na frente do nome da variável é para deixar claro que se trata de um objeto jQuery.

 

:thumbsup: