Pues bueno, el problema que tengo, es que no logro hacer que Haga post cuando el formulario este correctamente bien... El problema esta en el submit
Cita:
Quiero hacer un post en un archivo .php distinto y no logro hacer que pase la prueba de la validación de campos y luego pase a el post en el otro archivo<script src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
</head>
<body>
<div id="form_wrapper" class="form_wrapper">
<h3>Registrate</h3>
<div class="column">
<div><form method="POST" action="#" id="regForm"></div>
<div>
<label>Nombre:</label>
<input id="FirstName" style="text-align: center" autocomplete="off" placeholder="Nombre" name="FirstName" onkeypress="return validar(event)" type="text" />
<span class="formerr"></span>
</div>
<div>
<label>Contraseña:</label>
<input autocomplete="off" style="text-align: center" class="pwd" id="password" placeholder="Contraseña" onKeyPress="return lettersOnly(evt)" type="password" name="Pass" /><span class="formerr"></span></div>
<div>
<label>Confirmar contraseña:</label>
<input autocomplete="off" style="text-align: center" class="pwd" id="password2" placeholder="Contraseña" onKeyPress="return lettersOnly(evt)" type="password" name="Pass" /><span class="formerr"></span>
</div>
<div>
<label>Edad (10 - 65):<span class="remember">
</span></label>
<input id="Age" style="text-align: center" autocomplete="off" onkeypress="javascript:return validarNro(event)" type="text" name="Age" />
<span class="formerr"></span>
</div>
</div>
<div class="column">
<div>
<label>Apellido:</label>
<input id="LastName" style="text-align: center" autocomplete="off" placeholder="Apellido" onkeypress="return validar(event)" type="text" name="LastName" />
<span class="formerr"></span>
</div>
<div>
<label>Email:</label>
<input type="text" style="text-align: center" autocomplete="off" placeholder="[email protected]" name="Email" id="Email" />
<span class="formerr"></span>
</div>
<div>
<label>Sexo:</label>
<select class="select" name="Gender"><br>
<option value="Male" class="dos" selected>Masculino</option> <option value="Female" class="uno">Feminino</option></select>
</div>
</div>
<div class="bottom">
<input type="submit" value="Registrarse" class="loginbutton" />
</form>
<div class="remember"><input type="submits" value="Atrás" onClick="history.back()" /></div>
<a class="linkform">Recuerda escribir tus datos correctamente. </a>
</div>
<script>
function validar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true;
patron =/[abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUV WXYZ\s]/;
te = String.fromCharCode(tecla);
return patron.test(te);
}
function validarNro(e) {
var key;
if(window.event) // IE
{
key = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
key = e.which;
}
if (key < 48 || key > 57)
{
if(key == 46 || key == 8) // Detectar . (punto) y backspace (retroceso)
{ return true; }
else
{ return false; }
}
return true;
}
$(function() {
$("input#FirstName").on("keyup", function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length < 4) {
$err.html("<br>Tu nombre es demasiado corto!");
return false;
}
var filter = /^[A-Z][a-z]{1,3}[A-Z]?[a-z]*$/;
if (!filter.test(name)) {
$err.html("<br>Tu Nombre es invalido.<br>El formato es: Nombre</div>");
return false;
}
$(this).css("border", "2px solid green");
});
$("input#Age").on("keyup", function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length > 2) {
$err.html("<br>¿Tan viejo eres?");
return false;
}
var filter = /^[0-9][0-9]]*$/;
if (!filter.test(name)) {
$err.html("<br>Tu edad es invalida.<br>El formato es EJ: 12</div>");
return false;
}
$(this).css("border", "2px solid green");
});
$("input#LastName").on("keyup", function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length < 4) {
$err.html("<br>Tu Apellido es demasiado corto!");
return false;
}
var filter = /^[A-Z][a-z]{1,3}[A-Z]?[a-z]*$/;
if (!filter.test(name)) {
$err.html("<br>Tu Apellido es invalido.<br>El formato es: Apellido</div>");
return false;
}
$(this).css("border", "2px solid green");
});
$("input.pwd").on('keyup', function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length < 5) {
$err.html("<br>Tu contraseña es insegura o muy corta!");
return false;
}
if($("input#password").val() != $("input#password2").val()) {
$("input#password").css("border", "1px solid red").next("span.formerr").html("<br>Las contraseñas no coinciden.");
$("input#password2").css("border", "1px solid red").next("span.formerr").html("<br>Las contraseñas no coinciden.");
return false;
}
$("input#password").css("border", "2px solid green").next("span.formerr").html("");
$("input#password2").css("border", "2px solid green").next("span.formerr").html("");
});
$("input#Email").on("keyup", function() {
var
emailAddr = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (!filter.test(emailAddr)) {
$err.html("<br>Tu dirección email es invalida.");
return false;
}
$("input#email").css("border", "2px solid green").next("span.formerr").html("");
});
$("#regForm").on("submit", function(e) {
e.preventDefault();
var letPass = 1;
var toSend = {};
toSend["checkRegister"] = true;
var $inPuts = $("#regForm").find("input");
$inPuts.each( function() {
if($(this).attr("type") != "submit") {
toSend[$(this).attr("id")] = $(this).val();
if($(this).next("span.formerr").html().length > 3) var letPass = 0;
}
});
$("input#FirstName").trigger("keyup");
$("input#LastName").trigger("keyup");
$("input#Email").trigger("keyup");
$("input.pwd").trigger("keyup");
$("input#Age").trigger("keyup");
if(letPass == 1)
{
alert("Hola Prueba");
$.getJSON("cuenta.php", toSend, function(e) {
});
}
});
});
</script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
</head>
<body>
<div id="form_wrapper" class="form_wrapper">
<h3>Registrate</h3>
<div class="column">
<div><form method="POST" action="#" id="regForm"></div>
<div>
<label>Nombre:</label>
<input id="FirstName" style="text-align: center" autocomplete="off" placeholder="Nombre" name="FirstName" onkeypress="return validar(event)" type="text" />
<span class="formerr"></span>
</div>
<div>
<label>Contraseña:</label>
<input autocomplete="off" style="text-align: center" class="pwd" id="password" placeholder="Contraseña" onKeyPress="return lettersOnly(evt)" type="password" name="Pass" /><span class="formerr"></span></div>
<div>
<label>Confirmar contraseña:</label>
<input autocomplete="off" style="text-align: center" class="pwd" id="password2" placeholder="Contraseña" onKeyPress="return lettersOnly(evt)" type="password" name="Pass" /><span class="formerr"></span>
</div>
<div>
<label>Edad (10 - 65):<span class="remember">
</span></label>
<input id="Age" style="text-align: center" autocomplete="off" onkeypress="javascript:return validarNro(event)" type="text" name="Age" />
<span class="formerr"></span>
</div>
</div>
<div class="column">
<div>
<label>Apellido:</label>
<input id="LastName" style="text-align: center" autocomplete="off" placeholder="Apellido" onkeypress="return validar(event)" type="text" name="LastName" />
<span class="formerr"></span>
</div>
<div>
<label>Email:</label>
<input type="text" style="text-align: center" autocomplete="off" placeholder="[email protected]" name="Email" id="Email" />
<span class="formerr"></span>
</div>
<div>
<label>Sexo:</label>
<select class="select" name="Gender"><br>
<option value="Male" class="dos" selected>Masculino</option> <option value="Female" class="uno">Feminino</option></select>
</div>
</div>
<div class="bottom">
<input type="submit" value="Registrarse" class="loginbutton" />
</form>
<div class="remember"><input type="submits" value="Atrás" onClick="history.back()" /></div>
<a class="linkform">Recuerda escribir tus datos correctamente. </a>
</div>
<script>
function validar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==8) return true;
patron =/[abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUV WXYZ\s]/;
te = String.fromCharCode(tecla);
return patron.test(te);
}
function validarNro(e) {
var key;
if(window.event) // IE
{
key = e.keyCode;
}
else if(e.which) // Netscape/Firefox/Opera
{
key = e.which;
}
if (key < 48 || key > 57)
{
if(key == 46 || key == 8) // Detectar . (punto) y backspace (retroceso)
{ return true; }
else
{ return false; }
}
return true;
}
$(function() {
$("input#FirstName").on("keyup", function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length < 4) {
$err.html("<br>Tu nombre es demasiado corto!");
return false;
}
var filter = /^[A-Z][a-z]{1,3}[A-Z]?[a-z]*$/;
if (!filter.test(name)) {
$err.html("<br>Tu Nombre es invalido.<br>El formato es: Nombre</div>");
return false;
}
$(this).css("border", "2px solid green");
});
$("input#Age").on("keyup", function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length > 2) {
$err.html("<br>¿Tan viejo eres?");
return false;
}
var filter = /^[0-9][0-9]]*$/;
if (!filter.test(name)) {
$err.html("<br>Tu edad es invalida.<br>El formato es EJ: 12</div>");
return false;
}
$(this).css("border", "2px solid green");
});
$("input#LastName").on("keyup", function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length < 4) {
$err.html("<br>Tu Apellido es demasiado corto!");
return false;
}
var filter = /^[A-Z][a-z]{1,3}[A-Z]?[a-z]*$/;
if (!filter.test(name)) {
$err.html("<br>Tu Apellido es invalido.<br>El formato es: Apellido</div>");
return false;
}
$(this).css("border", "2px solid green");
});
$("input.pwd").on('keyup', function() {
var
name = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
if(name.length < 5) {
$err.html("<br>Tu contraseña es insegura o muy corta!");
return false;
}
if($("input#password").val() != $("input#password2").val()) {
$("input#password").css("border", "1px solid red").next("span.formerr").html("<br>Las contraseñas no coinciden.");
$("input#password2").css("border", "1px solid red").next("span.formerr").html("<br>Las contraseñas no coinciden.");
return false;
}
$("input#password").css("border", "2px solid green").next("span.formerr").html("");
$("input#password2").css("border", "2px solid green").next("span.formerr").html("");
});
$("input#Email").on("keyup", function() {
var
emailAddr = $(this).val(),
$err = $(this).next("span.formerr");
$err.html("");
$(this).css("border", "2px solid red");
var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (!filter.test(emailAddr)) {
$err.html("<br>Tu dirección email es invalida.");
return false;
}
$("input#email").css("border", "2px solid green").next("span.formerr").html("");
});
$("#regForm").on("submit", function(e) {
e.preventDefault();
var letPass = 1;
var toSend = {};
toSend["checkRegister"] = true;
var $inPuts = $("#regForm").find("input");
$inPuts.each( function() {
if($(this).attr("type") != "submit") {
toSend[$(this).attr("id")] = $(this).val();
if($(this).next("span.formerr").html().length > 3) var letPass = 0;
}
});
$("input#FirstName").trigger("keyup");
$("input#LastName").trigger("keyup");
$("input#Email").trigger("keyup");
$("input.pwd").trigger("keyup");
$("input#Age").trigger("keyup");
if(letPass == 1)
{
alert("Hola Prueba");
$.getJSON("cuenta.php", toSend, function(e) {
});
}
});
});
</script>
Saludos cordiales y gracias de antemano al que me ayude
Estoy dias tratando esto, esta complicado.
