<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Emerson Carvalho &#187; validar javascript</title>
	<atom:link href="http://www.emersoncarvalho.com/tag/validar-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.emersoncarvalho.com</link>
	<description>Php, Javascript, Flex, MySql, ZendFramework and more...</description>
	<lastBuildDate>Wed, 01 Feb 2012 10:49:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Validando Formulários com jQuery Validate</title>
		<link>http://www.emersoncarvalho.com/validando-formularios-com-jquery-validate/</link>
		<comments>http://www.emersoncarvalho.com/validando-formularios-com-jquery-validate/#comments</comments>
		<pubDate>Sat, 22 May 2010 14:39:35 +0000</pubDate>
		<dc:creator>@emersonbroga</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[broga]]></category>
		<category><![CDATA[jquery valitation]]></category>
		<category><![CDATA[validar formulário]]></category>
		<category><![CDATA[validar javascript]]></category>
		<category><![CDATA[validate]]></category>

		<guid isPermaLink="false">http://www.emersoncarvalho.com/?p=86</guid>
		<description><![CDATA[O jQuery possui um ótimo plugin para validação de formulários, que é o Validation, criado pelo pessoal do http://bassistance.de/ você fazer o download no site deles, ou simplesmente importar o plugin diretamente do site da Microsoft Ajax CDN (Content Delivery Network). Vamos lá Para usar o pluguin você deve importar também o jQuery (lógico né?!). [...]]]></description>
			<content:encoded><![CDATA[<p>O jQuery possui um ótimo plugin para validação de formulários, que é o <a href="http://bassistance.de/">Validation</a>, criado pelo pessoal<br />
do <a href="http://bassistance.de/">http://bassistance.de/</a> você fazer o download no site deles, ou simplesmente<br />
importar o plugin diretamente do site da Microsoft Ajax CDN (Content Delivery Network).</p>
<p>Vamos lá<br />
<span id="more-86"></span></p>
<p>Para usar o pluguin você deve importar também o jQuery (lógico né?!).</p>
<p>Importando os arquivos de javascript.</p>
<pre class="brush: xml; title: ; notranslate">
&lt;!-- Inclusão do Jquery --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js&quot; &gt;&lt;/script&gt;
&lt;!-- Inclusão do Jquery Validate --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js&quot; &gt;&lt;/script&gt;
</pre>
<p>Criando o formulário</p>
<pre class="brush: xml; title: ; notranslate">
&lt;form id=&quot;meu_form&quot; action=&quot;&quot; method=&quot;post&quot; &gt;
	Nome:&lt;br /&gt;
	&lt;input type=&quot;text&quot; name=&quot;nome&quot; id=&quot;nome&quot; /&gt;&lt;br /&gt;
	Email:&lt;br /&gt;
	&lt;input type=&quot;text&quot; name=&quot;email&quot; id=&quot;email&quot; /&gt;&lt;br /&gt;
	Senha:&lt;br /&gt;
	&lt;input type=&quot;password&quot; name=&quot;senha&quot; id=&quot;senha&quot; /&gt;&lt;br /&gt;
	Confirmação de Senha:&lt;br /&gt;
	&lt;input type=&quot;password&quot; name=&quot;conf_senha&quot; id=&quot;conf_senha&quot; /&gt;&lt;br /&gt;
	Aceito os termos e condições:&lt;br /&gt;
	&lt;input type=&quot;checkbox&quot; name=&quot;termos&quot; id=&quot;termos&quot;/&gt;&lt;br /&gt;
	&lt;input type=&quot;submit&quot; value=&quot;Cadastrar&quot; /&gt;
&lt;/form&gt;
</pre>
<p>E a validação:</p>
<pre class="brush: jscript; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
	$(document).ready(function(){
		$('#meu_form').validate({
			rules:{
				nome:{
					required: true,
					minlength: 3
				},
				email: {
					required: true,
					email: true
				},
				senha: {
					required: true
				},
				conf_senha:{
					required: true,
					equalTo: &quot;#senha&quot;
				},
				termos: &quot;required&quot;
			},
			messages:{
				nome:{
					required: &quot;O campo nome é obrigatorio.&quot;,
					minlength: &quot;O campo nome deve conter no mínimo 3 caracteres.&quot;
				},
				email: {
					required: &quot;O campo email é obrigatorio.&quot;,
					email: &quot;O campo email deve conter um email válido.&quot;
				},
				senha: {
					required: &quot;O campo senha é obrigatorio.&quot;
				},
				conf_senha:{
					required: &quot;O campo confirmação de senha é obrigatorio.&quot;,
					equalTo: &quot;O campo confirmação de senha deve ser identico ao campo senha.&quot;
				},
				termos: &quot;Para se cadastrar você deve aceitar os termos de uso.&quot;
			}

		});
	});
&lt;/script&gt;
</pre>
<p>No formulário acima temos os campos e validações:<br />
Nome: Obrigatório e no mínimo 3 caracteres.<br />
Email: Obrigatório e Email Válido.<br />
Senha: Obrigatória.<br />
Confirmação de Senha: Obrigatória e idêntica a &#8220;senha&#8221;.<br />
Termos e Condições: Obrigatório.</p>
<p><a title="download Jquery Validation Tutorial" href="http://www.emersoncarvalho.com/tutoriais/86-validacao_jquery/86-validacao_jquery.rar" target="_blank" onclick="urchinTracker('/downloads/validando-formularios-com-jquery-validate/');">Faça o download dos arquivos.</a></p>
<p>No site do <a href="http://api.jquery.com">Jquery</a>, você encontra uma <a href="http://docs.jquery.com/Plugins/Validation#List_of_built-in_Validation_methods">lista de validações</a> padrão, embutidas no plugin Validate.</p>
<p>Espero que tenham gostado.<br />
[ratings]</p>
<p>Para compartilhar use este link:</p>
<pre class="brush: xml; auto-links: false; pad-line-numbers: false; title: ; toolbar: false; notranslate">

http://migre.me/Hkk4
</pre>
<!-- boo-widget start -->
          <script type="text/javascript">
            bb_keywords = "validar javascript";
            bb_bid  = "51002";
            bb_lang = "pt-BR";
            bb_name = "custom";bb_limit = "7";bb_format = "bbc";
          </script>
          <script type="text/javascript" src="http://widgets.boo-box.com/javascripts/embed.js"></script>
          <!-- boo-widget end -->]]></content:encoded>
			<wfw:commentRss>http://www.emersoncarvalho.com/validando-formularios-com-jquery-validate/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

