<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comentários sobre: Valida&#231;&#227;o de formul&#225;rio em javascript</title>
	<atom:link href="http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/</link>
	<description>Artigos técnicos e políticos sobre tecnologia, internet, programação, análise de sistemas, sociedade, política, religião entre outros. Seja bem vindo!</description>
	<pubDate>Sat, 22 Nov 2008 05:40:34 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
		<item>
		<title>Por: Marcus Vinicius Bastos Leandro</title>
		<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/#comment-2980</link>
		<dc:creator>Marcus Vinicius Bastos Leandro</dc:creator>
		<pubDate>Mon, 08 Sep 2008 18:59:35 +0000</pubDate>
		<guid isPermaLink="false">http://www.prosadigital.com/?p=1511#comment-2980</guid>
		<description>Miguel » Você não precisa chamar nenhuma função no onsubmit. Este tipo de desenvolvimento em javascript se chama não-obstrutivo. De modo que as chamadas às funções não são declaradas no HTML e ficam implícitas. Neste caso, função:

/**
* Função que adiciona ao evento onsubmit de todos os formulários
* do documento, a função de validação de formulário “validaForm()”
*
*/
function adicionarValidacaoForms(){

var forms = document.forms;

for ( var i = 0; i &lt; forms.length; i++ ){

forms[i].onsubmit = validaForm;

}

}

Já adiciona o método validador a todos os formulários.

Espero ter ajudado. Qualquer dúvida pode postar novamente.</description>
		<content:encoded><![CDATA[<p>Miguel » Você não precisa chamar nenhuma função no onsubmit. Este tipo de desenvolvimento em javascript se chama não-obstrutivo. De modo que as chamadas às funções não são declaradas no HTML e ficam implícitas. Neste caso, função:</p>
<p>/**<br />
* Função que adiciona ao evento onsubmit de todos os formulários<br />
* do documento, a função de validação de formulário “validaForm()”<br />
*<br />
*/<br />
function adicionarValidacaoForms(){</p>
<p>var forms = document.forms;</p>
<p>for ( var i = 0; i < forms.length; i++ ){</p>
<p>forms[i].onsubmit = validaForm;</p>
<p>}</p>
<p>}</p>
<p>Já adiciona o método validador a todos os formulários.</p>
<p>Espero ter ajudado. Qualquer dúvida pode postar novamente.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Miguel</title>
		<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/#comment-2978</link>
		<dc:creator>Miguel</dc:creator>
		<pubDate>Mon, 08 Sep 2008 18:42:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.prosadigital.com/?p=1511#comment-2978</guid>
		<description>Testei assim e não funcionou:



Teste de campos



/**
* Arquivo de funções para validação de formulário
*
* @author Marcus Vinicius Bastos Leandro 
*         http://www.prosadigital.com/ 
*
* @create 2008-05-07
*/

/**
* Função que contém chamadas a funções
* que serão feitas no evento onload do window
*/
function doOnLoad(){

	//Adiciona função de validação aos forms
	adicionarValidacaoForms();

}

/**
* Função que adiciona ao evento onsubmit de todos os formulários
* do documento, a função de validação de formulário "validaForm()"
*
*/
function adicionarValidacaoForms(){

	var forms = document.forms;

	for ( var i = 0; i &#60; forms.length; i++ ){

		forms[i].onsubmit = validaForm;

	}

}


/**
* Função que valida os campos obrigatórios num formulário.
* Para que um campos seja obrigatório, o valor do seu atributo
* 'title' deve começar com um asterísco (*)
*
* @return boolean
*/
var validaForm = function(){

	var frm = this;

	for (var i = 0; i &#60; frm.elements.length; i++){

		if ( (frm.elements[i].title.substr(0,1)) == "*" ){

			if (frm.elements[i].value == ""){
				alert("O campo '"+frm.elements[i].title.substr(1,(frm.elements[i].title.length))+"' é de preenchimento obrigatório!");
				frm.elements[i].style.backgroundColor = "#ffffcc";
				frm.elements[i].focus();
				return false;
				break;
			}else{
				frm.elements[i].style.backgroundColor = "#efefef";
			}

		}

	}

	return true;

}

// Atribui ao evento onload da janela a função doOnLoad.
// OBS: Desta forma estamos trabalhando com javascript não-obstrutivo.
window.onload = doOnLoad;





	
	 
	  &lt;strong&gt;Numeros:&lt;/strong&gt;

	  







</description>
		<content:encoded><![CDATA[<p>Testei assim e não funcionou:</p>
<p>Teste de campos</p>
<p>/**<br />
* Arquivo de funções para validação de formulário<br />
*<br />
* @author Marcus Vinicius Bastos Leandro<br />
*         <a href="http://www.prosadigital.com/" rel="nofollow">http://www.prosadigital.com/</a><br />
*<br />
* @create 2008-05-07<br />
*/</p>
<p>/**<br />
* Função que contém chamadas a funções<br />
* que serão feitas no evento onload do window<br />
*/<br />
function doOnLoad(){</p>
<p>	//Adiciona função de validação aos forms<br />
	adicionarValidacaoForms();</p>
<p>}</p>
<p>/**<br />
* Função que adiciona ao evento onsubmit de todos os formulários<br />
* do documento, a função de validação de formulário &#8220;validaForm()&#8221;<br />
*<br />
*/<br />
function adicionarValidacaoForms(){</p>
<p>	var forms = document.forms;</p>
<p>	for ( var i = 0; i &lt; forms.length; i++ ){</p>
<p>		forms[i].onsubmit = validaForm;</p>
<p>	}</p>
<p>}</p>
<p>/**<br />
* Função que valida os campos obrigatórios num formulário.<br />
* Para que um campos seja obrigatório, o valor do seu atributo<br />
* &#8216;title&#8217; deve começar com um asterísco (*)<br />
*<br />
* @return boolean<br />
*/<br />
var validaForm = function(){</p>
<p>	var frm = this;</p>
<p>	for (var i = 0; i &lt; frm.elements.length; i++){</p>
<p>		if ( (frm.elements[i].title.substr(0,1)) == &#8220;*&#8221; ){</p>
<p>			if (frm.elements[i].value == &#8220;&#8221;){<br />
				alert(&#8221;O campo &#8216;&#8221;+frm.elements[i].title.substr(1,(frm.elements[i].title.length))+&#8221;&#8216; é de preenchimento obrigatório!&#8221;);<br />
				frm.elements[i].style.backgroundColor = &#8220;#ffffcc&#8221;;<br />
				frm.elements[i].focus();<br />
				return false;<br />
				break;<br />
			}else{<br />
				frm.elements[i].style.backgroundColor = &#8220;#efefef&#8221;;<br />
			}</p>
<p>		}</p>
<p>	}</p>
<p>	return true;</p>
<p>}</p>
<p>// Atribui ao evento onload da janela a função doOnLoad.<br />
// OBS: Desta forma estamos trabalhando com javascript não-obstrutivo.<br />
window.onload = doOnLoad;</p>
<p>	  <strong>Numeros:</strong></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Miguel</title>
		<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/#comment-2977</link>
		<dc:creator>Miguel</dc:creator>
		<pubDate>Mon, 08 Sep 2008 18:40:14 +0000</pubDate>
		<guid isPermaLink="false">http://www.prosadigital.com/?p=1511#comment-2977</guid>
		<description>Testei seu código e não funciona. Qual das funções tenho de chamar quando faço submit? Testei da seguinte forma:



Teste de campos



/**
* Arquivo de funções para validação de formulário
*
* @author Marcus Vinicius Bastos Leandro 
*         http://www.prosadigital.com/ 
*
* @create 2008-05-07
*/

/**
* Função que contém chamadas a funções
* que serão feitas no evento onload do window
*/
function doOnLoad(){

	//Adiciona função de validação aos forms
	adicionarValidacaoForms();

}

/**
* Função que adiciona ao evento onsubmit de todos os formulários
* do documento, a função de validação de formulário "validaForm()"
*
*/
function adicionarValidacaoForms(){

	var forms = document.forms;

	for ( var i = 0; i &#60; forms.length; i++ ){

		forms[i].onsubmit = validaForm;

	}

}


/**
* Função que valida os campos obrigatórios num formulário.
* Para que um campos seja obrigatório, o valor do seu atributo
* 'title' deve começar com um asterísco (*)
*
* @return boolean
*/
var validaForm = function(){

	var frm = this;

	for (var i = 0; i &#60; frm.elements.length; i++){

		if ( (frm.elements[i].title.substr(0,1)) == "*" ){

			if (frm.elements[i].value == ""){
				alert("O campo '"+frm.elements[i].title.substr(1,(frm.elements[i].title.length))+"' é de preenchimento obrigatório!");
				frm.elements[i].style.backgroundColor = "#ffffcc";
				frm.elements[i].focus();
				return false;
				break;
			}else{
				frm.elements[i].style.backgroundColor = "#efefef";
			}

		}

	}

	return true;

}

// Atribui ao evento onload da janela a função doOnLoad.
// OBS: Desta forma estamos trabalhando com javascript não-obstrutivo.
window.onload = doOnLoad;





	
	 
	  &lt;strong&gt;Numeros:&lt;/strong&gt;

	  







</description>
		<content:encoded><![CDATA[<p>Testei seu código e não funciona. Qual das funções tenho de chamar quando faço submit? Testei da seguinte forma:</p>
<p>Teste de campos</p>
<p>/**<br />
* Arquivo de funções para validação de formulário<br />
*<br />
* @author Marcus Vinicius Bastos Leandro<br />
*         <a href="http://www.prosadigital.com/" rel="nofollow">http://www.prosadigital.com/</a><br />
*<br />
* @create 2008-05-07<br />
*/</p>
<p>/**<br />
* Função que contém chamadas a funções<br />
* que serão feitas no evento onload do window<br />
*/<br />
function doOnLoad(){</p>
<p>	//Adiciona função de validação aos forms<br />
	adicionarValidacaoForms();</p>
<p>}</p>
<p>/**<br />
* Função que adiciona ao evento onsubmit de todos os formulários<br />
* do documento, a função de validação de formulário &#8220;validaForm()&#8221;<br />
*<br />
*/<br />
function adicionarValidacaoForms(){</p>
<p>	var forms = document.forms;</p>
<p>	for ( var i = 0; i &lt; forms.length; i++ ){</p>
<p>		forms[i].onsubmit = validaForm;</p>
<p>	}</p>
<p>}</p>
<p>/**<br />
* Função que valida os campos obrigatórios num formulário.<br />
* Para que um campos seja obrigatório, o valor do seu atributo<br />
* &#8216;title&#8217; deve começar com um asterísco (*)<br />
*<br />
* @return boolean<br />
*/<br />
var validaForm = function(){</p>
<p>	var frm = this;</p>
<p>	for (var i = 0; i &lt; frm.elements.length; i++){</p>
<p>		if ( (frm.elements[i].title.substr(0,1)) == &#8220;*&#8221; ){</p>
<p>			if (frm.elements[i].value == &#8220;&#8221;){<br />
				alert(&#8221;O campo &#8216;&#8221;+frm.elements[i].title.substr(1,(frm.elements[i].title.length))+&#8221;&#8216; é de preenchimento obrigatório!&#8221;);<br />
				frm.elements[i].style.backgroundColor = &#8220;#ffffcc&#8221;;<br />
				frm.elements[i].focus();<br />
				return false;<br />
				break;<br />
			}else{<br />
				frm.elements[i].style.backgroundColor = &#8220;#efefef&#8221;;<br />
			}</p>
<p>		}</p>
<p>	}</p>
<p>	return true;</p>
<p>}</p>
<p>// Atribui ao evento onload da janela a função doOnLoad.<br />
// OBS: Desta forma estamos trabalhando com javascript não-obstrutivo.<br />
window.onload = doOnLoad;</p>
<p>	  <strong>Numeros:</strong></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: henrique</title>
		<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/#comment-2893</link>
		<dc:creator>henrique</dc:creator>
		<pubDate>Sun, 06 Jul 2008 22:38:46 +0000</pubDate>
		<guid isPermaLink="false">http://www.prosadigital.com/?p=1511#comment-2893</guid>
		<description>bem inteligente seu formato de validação de formulario 
parabens 
como seria a ideia para os outros campos como  radio , select ?

mais mesmo assim  ajudo legal no meu trabalho 
e ser aqui for o departamento de sugestao 
poderia colocar um exemplo com todos os campos comum de um formulario para a galera ver o script em acao :D</description>
		<content:encoded><![CDATA[<p>bem inteligente seu formato de validação de formulario<br />
parabens<br />
como seria a ideia para os outros campos como  radio , select ?</p>
<p>mais mesmo assim  ajudo legal no meu trabalho<br />
e ser aqui for o departamento de sugestao<br />
poderia colocar um exemplo com todos os campos comum de um formulario para a galera ver o script em acao <img src='http://www.prosadigital.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Marcus Vinicius Bastos Leandro</title>
		<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/#comment-2301</link>
		<dc:creator>Marcus Vinicius Bastos Leandro</dc:creator>
		<pubDate>Thu, 08 May 2008 14:27:45 +0000</pubDate>
		<guid isPermaLink="false">http://www.prosadigital.com/?p=1511#comment-2301</guid>
		<description>&gt;&gt; Francisco Hélio,
Tudo bom! Que bom que você gostou! hhehe Eu estou usando esta função em todos os projetos que desenvolvo, pois achei bem prático!

Abraços!</description>
		<content:encoded><![CDATA[<p>>> Francisco Hélio,<br />
Tudo bom! Que bom que você gostou! hhehe Eu estou usando esta função em todos os projetos que desenvolvo, pois achei bem prático!</p>
<p>Abraços!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Francisco Hélio</title>
		<link>http://www.prosadigital.com/javascript/validao-de-formulrio-em-javascript/#comment-2281</link>
		<dc:creator>Francisco Hélio</dc:creator>
		<pubDate>Thu, 08 May 2008 01:02:38 +0000</pubDate>
		<guid isPermaLink="false">http://www.prosadigital.com/?p=1511#comment-2281</guid>
		<description>Olá Marcus, tudo bom?

Gostei da dica, vou aplicar em futuros formulários.

Abraço,</description>
		<content:encoded><![CDATA[<p>Olá Marcus, tudo bom?</p>
<p>Gostei da dica, vou aplicar em futuros formulários.</p>
<p>Abraço,</p>
]]></content:encoded>
	</item>
</channel>
</rss>
