Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Fromulario botón submit

Estas en el tema de Fromulario botón submit en el foro de Frameworks JS en Foros del Web. Buenas a todos, estoy con un problema, la cosa de este formulario, es que valida si están correctos los datos, si no no deja enviar ...
  #1 (permalink)  
Antiguo 19/10/2012, 20:01
 
Fecha de Ingreso: agosto-2012
Mensajes: 16
Antigüedad: 8 años, 1 mes
Puntos: 0
Fromulario botón submit

Buenas a todos, estoy con un problema, la cosa de este formulario, es que valida si están correctos los datos, si no no deja enviar el formulario.
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:
<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 = /^(([^<>()[\]\\.,;:\[email protected]\"]+(\.[^<>()[\]\\.,;:\[email protected]\"]+)*)|(\".+\"))@((\[[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>
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

Saludos cordiales y gracias de antemano al que me ayude

Estoy dias tratando esto, esta complicado.

Etiquetas: formulario, html, input, js, php, select, submit
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:13.