Validando FORM com (JQuery) Validate

2010-10-08T18:46:00.000-07:00

Vamos agora validar um formulário com JQuery validate, em seguida estaremos
enviado este mesmo formulário via AJAX utilizando JQuery com PHP.

Obs: É necessario baixar o arquivo com a biblioteca e os plugins
Baixe os arquivos

SIMPLIFICANDO:

< h e a d >

<link href="css/validationEngine.jquery.css" rel="stylesheet" type="text/css">


<script src="js/jquery.js" type="text/javascript"></script>
<script charset="utf-8" src="js/jquery.validationEngine-pt_utf8.js" type="text/javascript"></script>
<script charset="utf-8" src="js/jquery.validationEngine.js" type="text/javascript"></script>
<script charset="utf-8" src="js/cpf_valida.js" type="text/javascript"></script>
<script src="js/jquery.maskedinput.js" type="text/javascript"></script>


<script language="javascript">

    $(function(){
        $('form.formulario').validationEngine();
    });

</script>

</ h e a d >

<body>

<form id="formulario" method="post" class="formulario">
    <fieldset style='width: 310px;'>
        <legend>Formulário</legend>

        <table height="160">
            <tr>
                <td>Nome:</td>
                <td>
                    <input name="nome" type="text" id="nome" class="validate[required,custom[onlyLetter],length[5,100]]" style='width:300px;'/>
                </td>
            </tr>
            <tr>
                <td>Email:</td>
                <td>
                    <input name="email" type="text" id="email" class="validate[required,custom[email]]" style='width:300px;'/>
                </td>
            </tr>
            <tr>
                <td>Mensagem:</td>
                <td>
                    <textarea name="mensagem" type="text" id="mensagem" class="validate[required]" style='width:300px;'></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="submit" name="enviar" value="Enviar Formulário." />
                </td>
            </tr>
        </table>
    </fieldset>
</form>

</body>

Aconselhamos que para melhor assimilação do post não copie e cole. Entenda!

AJAX (Jquery) - Populando ComboBox, 22/09/2010

2010-09-22T16:01:00.000-07:00

Aprenda a popular um combo de cidades selecionando o estado. Atenção é importante ter um conhecimento básico de PHP, lógica de programação e SQL. É necessário ter PHP, Apache ou IIS e MYSQL apartir da versão 5.0 instalados.

A primeira coisa a ser feita será criar o banco de dados e suas tabelas, para isso copie o script abaixo e execute em algum cliente de banco MYSQL.

-- Create schema teste
--

CREATE DATABASE IF NOT EXISTS teste;
USE teste;

--
-- Definition of table `estados`
--

DROP TABLE IF EXISTS `estados`;
CREATE TABLE `estados` (
`id` int(10) unsigned NOT NULL auto_increment,
`pais_id` int(10) unsigned NOT NULL,
`nome` varchar(60) NOT NULL,
`sigla` char(3) NOT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `Index_2` (`pais_id`,`nome`),
KEY `Index_3` (`pais_id`),
CONSTRAINT `FK_estados_1` FOREIGN KEY (`pais_id`) REFERENCES `paises` (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `estados`
--

/*!40000 ALTER TABLE `estados` DISABLE KEYS */;
INSERT INTO `estados` (`id`,`pais_id`,`nome`,`sigla`) VALUES
(1,1,'BAHIA','BA'),
(2,1,'SERGIPE','SE'),
(3,1,'SÃO PAULO','SP'),
(4,1,'RIO DE JANEIRO','RJ'),
(5,2,'NEW YORK','NY');
/*!40000 ALTER TABLE `estados` ENABLE KEYS */;
--
-- Definition of table `paises`
--
DROP TABLE IF EXISTS `paises`;
CREATE TABLE `paises` (
`id` int(10) unsigned NOT NULL auto_increment,
`nome` varchar(50) NOT NULL,
`sigla` varchar(3) NOT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `Index_2` USING BTREE (`nome`),
UNIQUE KEY `Index_3` (`sigla`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `paises`
--

/*!40000 ALTER TABLE `paises` DISABLE KEYS */;
INSERT INTO `paises` (`id`,`nome`,`sigla`) VALUES
(1,'BRASIL','BR'),
(2,'ESTADOS UNIDOS','EUA');

Proximo passo, criar um arquivo de conexão como banco de dados como nome conexao.php.

Próximo passo, criar a página index.php.

Populando ComboBox com AJAX ( Pesquisa de estados )

Utilizando Framework JQuery

Ex: js/jquery.js

Próximo passo será criar o arquivo montacombo.php que será requisitado quando selecionarmos o estado. Através desse arquivo iremos fazer uma consulta no banco na tabela onde estão as cidades para popularmos o combo cidades.

< ? php

header("Content-Type: text/html; charset=ISO-8859-1",true); require_once('conexao.php');

if ($_REQUEST['pais_id'] != ''){
$sql = " SELECT ";
$sql.= " e.id, ";
$sql.= " e.nome ";
$sql.= " FROM ";
$sql.= " estados e,";
$sql.= " paises p";
$sql.= " WHERE ";
$sql.= " p.id = e.pais_id ";
$sql.= " AND e.pais_id = " . $_REQUEST['pais_id'];
$sql.= " ORDER BY e.nome";

$rs = mysql_query($sql) or die('Falha na Consulta');
$combo = "Selecione";

while ($row = mysql_fetch_object($rs)) {
$combo.= "id . "'>" . $row->nome . "";
}

echo $combo;
}

?>

PHP em Salvador

Validando FORM com (JQuery) Validate

AJAX (Jquery) - Populando ComboBox, 22/09/2010

Populando ComboBox com AJAX ( Pesquisa de estados )

Utilizando Framework JQuery