none
Validar com campos - Javascript

    Question

  • Pessoal eu tenho uma pagina em ASP.NET e gostaria de fazer um validação com Javascript alguem poderia me ajudar

    Vlw Pessoal!

    Friday, December 10, 2010 7:36 PM

Answers

  • Amigo,

    Eu utilizo muito JQUERY em minha aplicações, simples e rápido.

    <script>
    
    function IsEmail(email) {
    	var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    	if (regex.test(email)) return true;
    	else return false;
    } 
    
    function validar_form(){
    
    	var nome = $('input[name=txtNome]');
    		var email = $('input[name=txtEmail]');
    		var msg = $('textarea[name=txtMensagem]');
    
    		if (nome.val()=='') {
    			nome.addClass('hightlight');
    			nome.focus();
    			return false;
    		} else nome.removeClass('hightlight');
    		
    		if (email.val()=='') {
    			email.addClass('hightlight');
    			email.focus();
    			return false;
    		} else {
    			var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    			if (regex.test(email.val())){
    				email.removeClass('hightlight');
    			}
    			else
    			{
    				email.addClass('hightlight');
    				email.focus();
    				return false;
    			}
    		}
    		if (msg.val()=='') {
    			msg.addClass('hightlight');
    			msg.focus();
    			return false;
    		} else {
    			msg.removeClass('hightlight');
    		}
    		return true;
    }
    
    </script>
    

     

    No exemplo acima eu mando ele colcoar um CSS no campo com erro. Você pode trocar isso para "alert" e por ai vai!

    Mais dúvidas posta ai!

    Boa sorte!


    Não esqueça de marcar como útil uma resposta que te ajude.
    "A diversão é a alma do negócio"
    Friday, December 10, 2010 8:28 PM
  • Aconselho a seguir a idéia da JQuery como o Lucas falou, mas eu usaria um plugin para facilitar...

     

    acesse http://docs.jquery.com/Plugins/validation ou http://jquery.bassistance.de/validate/demo/ e pegue como exemplo, você vai ver que simples que é!

    Estudo JQuery, Javascript puro é bom para saber o básico, mas hoje em dia bibliotecas como JQuery são imprescindíveis.

     

    Espero ter ajudado.

     

    Abraço!

    Friday, December 10, 2010 10:29 PM

All replies

  • Amigo,

    Eu utilizo muito JQUERY em minha aplicações, simples e rápido.

    <script>
    
    function IsEmail(email) {
    	var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    	if (regex.test(email)) return true;
    	else return false;
    } 
    
    function validar_form(){
    
    	var nome = $('input[name=txtNome]');
    		var email = $('input[name=txtEmail]');
    		var msg = $('textarea[name=txtMensagem]');
    
    		if (nome.val()=='') {
    			nome.addClass('hightlight');
    			nome.focus();
    			return false;
    		} else nome.removeClass('hightlight');
    		
    		if (email.val()=='') {
    			email.addClass('hightlight');
    			email.focus();
    			return false;
    		} else {
    			var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    			if (regex.test(email.val())){
    				email.removeClass('hightlight');
    			}
    			else
    			{
    				email.addClass('hightlight');
    				email.focus();
    				return false;
    			}
    		}
    		if (msg.val()=='') {
    			msg.addClass('hightlight');
    			msg.focus();
    			return false;
    		} else {
    			msg.removeClass('hightlight');
    		}
    		return true;
    }
    
    </script>
    

     

    No exemplo acima eu mando ele colcoar um CSS no campo com erro. Você pode trocar isso para "alert" e por ai vai!

    Mais dúvidas posta ai!

    Boa sorte!


    Não esqueça de marcar como útil uma resposta que te ajude.
    "A diversão é a alma do negócio"
    Friday, December 10, 2010 8:28 PM
  • Aconselho a seguir a idéia da JQuery como o Lucas falou, mas eu usaria um plugin para facilitar...

     

    acesse http://docs.jquery.com/Plugins/validation ou http://jquery.bassistance.de/validate/demo/ e pegue como exemplo, você vai ver que simples que é!

    Estudo JQuery, Javascript puro é bom para saber o básico, mas hoje em dia bibliotecas como JQuery são imprescindíveis.

     

    Espero ter ajudado.

     

    Abraço!

    Friday, December 10, 2010 10:29 PM
  • Lucas mas como ele vai saber qual formulario aplicar essa codificação ?

    Obrigado!

    Tuesday, December 14, 2010 3:13 PM
  • ?

    Tuesday, January 18, 2011 1:07 PM