somehting very nooby.
i've downloaded and modified the validation plugin for jquery (found
at http://bassistance.de/jquery-plugins/jquery-plugin-validation/ )
it workd fine with chrome, firefox and IE8 but doesn't send the form
or appears messages when you view it with IE7
here's my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Economia e Energia</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="form.css" />
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="cmxforms.js" type="text/javascript"></script>
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
// validate signup form on keyup and submit
$("#formcadastro").validate({
rules: {
nome: "required",
sobrenome: "required",
login: {
required: true,
minlength: 5
},
senha: {
required: true,
minlength: 5
},
csenha: {
required: true,
minlength: 5,
equalTo: "#senha"
},
email: {
required: true,
email: true
},
cpf: {
required: true,
minlength:10
},
rg: "required",
cidade: {
required:true,
minlength:4
},
},
messages: {
nome: "<p style='color:#F00'>Por favor digite o seu nome</p>",
sobrenome: "<p style='color:#F00'>Por favor digite o seu sobrenome</
p>",
login: {
required: "<p style='color:#F00'>Por favor digite seu login</p>",
minlength: "<p style='color:#F00'>Seu login deve ter no minimo
cinco caracteres</p>"
},
senha: {
required: "<p style='color:#F00'>Por favor digite uma senha</p>",
minlength: "<p style='color:#F00'>Sua senha deve ter no minimo
cinco caracteres</p>"
},
csenha: {
required: "<p style='color:#F00'>Por favor re-digite sua senha</
p>",
minlength: "<p style='color:#F00'>Sua senha deve ter no minimo
cinco caracteres</p>",
equalTo: "<p style='color:#F00'>Por favor verifique se esta
inserida a mesma senha que no campo acima.</p>"
},
email: "<p style='color:#F00'>Por favor insira um e-mail valido</
p>",
cpf: {
required: "<p style='color:#F00'>Por favor insira seu CPF</p>",
minlength: "<p style='color:#F00'>CPF inválido</p>"
},
rg: "<p style='color:#F00'>Por Favor insira seu RG</p>",
cidade: {
required: "<p style='color:#F00'> Por favor insira sua cidade</
p>",
minlength: "<p style='color:#F00'>Por favor insira o nome de sua
cidade com mais de quatro caracteres</p>"
},
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" :
"addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function() {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", !this.checked);
});
});
</script>
</head>
<body>
<div id="tudo" align="center">
<?php include "topo.php" ?>
<div id="conteudo"><div id="enchespaco"></div>
<div id="cadastropg">
<form id='formcadastro' method='post' action='incluir.php'
><h1>Cadastro de novo usuário</h1><p>Os campos indicados com um
* são obrigatórios</p>
<fieldset class='tituloh4'><h4>Dados Pessoais</h4></fieldset>
<fieldset class='cadastron'><label for='Nome'>Nome:*</label> </
fieldset>
<fieldset class='cadastroi'><input name='nome' id='nome' type='text'
size='20' maxlength='15' /></fieldset>
<fieldset class='cadastron'><label for='Sobrenome'>Sobrenome:*</
label></fieldset>
<fieldset class='cadastroi'><input name='sobrenome' id='sobrenome'
type='text' size='20' maxlength='30' /></fieldset>
<fieldset class='cadastron'><label for='cargo'>Cargo:</label></
fieldset>
<fieldset class='cadastroi'><input type='text' maxlength='20'
size='15' name='cargo' /><label for='empresa'>Empresa:</label>
<input type='text' maxlength='30' size='15' name='empresa'/></
fieldset>
<fieldset class='tituloh4'><h4>Dados para contato</h4></fieldset>
<fieldset class='cadastron'><label for='ddd'>DDD:*</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='4' maxlength='2'
name='ddd'/>
<label for='telefone'>Telefone:*</label><input type='text' size='9'
maxlength='9' name='telefone'/></fieldset>
<fieldset class='cadastron'><label for='ddd2'>DDD:</label></fieldset>
<fieldset class='cadastroi'><input type='text' size='4' maxlength='2'
name='ddd2' />
<label for='celular'>Celular:</label><input type='text' size='9'
maxlength='9' name='celular' /></fieldset>
<fieldset class='cadastron'><label for='email'>E-mail:*</label></
fieldset>
<fieldset class='cadastroi'><input type='text' id='email' size='40'
maxlength='40' name='email'/></fieldset>
<fieldset class='tituloh4'><h4>Dados para acesso</h4></fieldset>
<fieldset class='cadastron'><label for='login'>Login:*</label></
fieldset>
<fieldset class='cadastroi'><input name='login' id='login' type='text'
size='20' maxlength='10' /></fieldset>
<fieldset class='cadastron'><label for='senha'>Senha:*</label></
fieldset>
<fieldset class='cadastroi'><input name='senha' id='senha'
type='password' size='20' maxlength='8' /></fieldset>
<fieldset class='cadastron'> <label for='csenha'>Confirme sua
senha:*</label></fieldset>
<fieldset class='cadastroi'><input name='csenha' id='csenha'
type='password' size='20' maxlength='8' />
</fieldset><p> </p>
<fieldset class='cadastrobutton'>
<input type='submit' id='confirmar' value='Confirmar' /><input
type='reset' id='limpar' value='Limpar' />
</fieldset>
</form><p> </p>
</div><br class="clearfloat" /></div>
<?php include "foot.php" ?></div></body>
</html>
---
Any ideas?
Thanks, Ayesha Lomaski
No comments:
Post a Comment