Colabora en los FAQ. Ayudarás a la comunidad y esta te lo agradecerá.
<style type="text/css"><!--*{ padding:0; text-align: center;}body{ font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif; font-size:14px; background:#f4f4f4 url(../images/bg.gif) repeat top left; color:#333; text-shadow:1px 1px 1px #fff; overflow-y:scroll;}h1{ font-size:56px;}h2{ font-size:20px; padding:0px 0px 40px 0px; color:#aaa;}h2 span{ color:#ffa800;}a{ color:#777;}a:hover{ color:#222;}p{ padding:5px 0px;}.wrapper{ width:960px; margin:20px auto; min-height:550px;}.box{ width:49%;}.left{ float:left;}.right{ float:right;}.clear{ clear:both;}a.back{ color:#777; position:fixed; top:5px; right:10px; text-decoration:none;}/* Form Style */.form_wrapper{ background:#fff; border:1px solid #ddd; margin:0 auto; width:550px; font-size:16px; -moz-box-shadow:1px 1px 7px #ccc; -webkit-box-shadow:1px 1px 7px #ccc; box-shadow:1px 1px 7px #ccc; margin-top: 50px;}.form_wrapper h3{ padding:20px 30px 20px 30px; background-color:#444; color:#fff; font-size:25px; border-bottom:1px solid #ddd;}.form_wrapper form{ display:none; background:#fff;}.form_wrapper .column{ width:47%; float:left; margin-bottom: 10px;}form.login{ width:350px;}#regForm{ width:550px; display:block;}form.forgot_password{ width:300px;}.form_wrapper a{ text-decoration:none; color:#777; font-size:12px;}.form_wrapper a:hover{ color:#000;}.form_wrapper label{ display:block; padding:10px 30px 0px 30px; margin:10px 0px 8px 0px;}.form_wrapper input[type="text"],.form_wrapper input[type="password"]{ border: solid 1px #E5E5E5; background: #FFFFFF; margin: 5px 30px 0px 30px; padding: 9px; display:block; font-size:16px; width:76%; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0px 0px 8px #f0f0f0;}.form_wrapper input[type="text"]:focus,.form_wrapper input[type="password"]:focus{ background:#feffef;}.form_wrapper .bottom{ background-color:#444; border-top:1px solid #ddd; margin-top:20px; clear:both; color:#fff; text-shadow:1px 1px 1px #000;}.form_wrapper .bottom a{ display:block; clear:both; padding:10px 30px; text-align:center; color:#ffa800; text-shadow:1px 1px 1px #000;}.form_wrapper a.forgot{ float:right; font-style:italic; line-height:24px; color:#ffa800; text-shadow:1px 1px 1px #fff;}.form_wrapper a.forgot:hover{ color:#000;}.form_wrapper div.remember{ float:left; width:140px; margin:15px 0px 15px 30px; font-size:11px;}.form_wrapper div.remember input{ float:left; margin:2px 5px 0px 0px;}.form_wrapper span.error{ visibility:hidden; color:red; font-size:11px; font-style:italic; display:block; margin:4px 30px;}.form_wrapper input[type="submit"] { background: #e3e3e3; border: 1px solid #ccc; color: #333; font-family: "Trebuchet MS", "Myriad Pro", sans-serif; font-size: 14px; font-weight: bold; padding: 8px 0 9px; text-align: center; width: 150px; cursor:pointer; float:right; margin:15px 20px 10px 10px; text-shadow: 0px 1px 0px #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 2px #fff inset; -webkit-box-shadow: 0px 0px 2px #fff inset; box-shadow: 0px 0px 2px #fff inset;}.form_wrapper input[type="submits"] { background: #e3e3e3; border: 1px solid #ccc; color: #333; font-family: "Trebuchet MS", "Myriad Pro", sans-serif; font-size: 14px; font-weight: bold; padding: 8px 0 9px; text-align: center; width: 150px; cursor:pointer; float:right; margin:15px 20px 10px 10px; text-shadow: 0px 1px 0px #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 2px #fff inset; -webkit-box-shadow: 0px 0px 2px #fff inset; box-shadow: 0px 0px 2px #fff inset;}.form_wrapper input[type="submit"]:hover { background: #d9d9d9; -moz-box-shadow: 0px 0px 2px #eaeaea inset; -webkit-box-shadow: 0px 0px 2px #eaeaea inset; box-shadow: 0px 0px 2px #eaeaea inset; color: #222;}.form_wrapper input[type="submits"]:hover { background: #d9d9d9; -moz-box-shadow: 0px 0px 2px #eaeaea inset; -webkit-box-shadow: 0px 0px 2px #eaeaea inset; box-shadow: 0px 0px 2px #eaeaea inset; color: #222;}.formerr{font-size: 12px; background: #F1F190;border:1px #dbdbd3;width:209px;;}select{ position:relative; z-index:10; width:166px !important; height:26px !important; line-height:26px; font-family: verdana; font-size: 14px; color: white; background-color:#666;}option.uno {background-color: #CCC} option.dos {background-color: #666}--> </style><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 en Golden State RP</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@dominio.com" 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ÑOPQRSTUVWXYZ\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 == // 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) { $.getJSON("cuenta.php", toSend, function(d) { if(d.error) { $("#error").html(d.error).fadeIn(250); setTimeout( function() { $("#error").fadeOut(250); }, 5000); return false; } if(d.success) { alert("Hola Prueba"); $("#regForm").submit(); } }); } });});</script>
Buenas, a pesar de que están bien los campos y validados, no envía el submit, alguien me podría ayudar a repararlo por favor?