Autor Tema: No envía el submit a pesar de que están bien los campos  (Leído 1551 veces)

Desconectado TrYFaKe

  • PHPerit@
  • *
  • Mensajes: 7
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
No envía el submit a pesar de que están bien los campos
« en: 20 de Octubre de 2012, 20:45:52 pm »
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?

Citar
       <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 == 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)
      {
      $.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>

Comunidad PHPeros

No envía el submit a pesar de que están bien los campos
« en: 20 de Octubre de 2012, 20:45:52 pm »

Desconectado MamboReyez

  • PHPerit@
  • *
  • Mensajes: 1
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:No envía el submit a pesar de que están bien los campos
« Respuesta #1 en: 13 de Noviembre de 2012, 02:02:54 am »
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?
Esto mismo estaba buscando  ???  espero y nos puedan ayudar, eh tratado de solucionarlo hace como mil años y no e podido  >:(