jquery jspが正しく動作しません

jqueryの空のフィールドの検証、jqueryの文字数の検証、数値のjqueryの検証は機能しません。jquery jspが正しく動作しません

 <%@page contentType="text/html" pageEncoding="UTF-8"%> 
     <!DOCTYPE html> 
     <html> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
     <link href="css/table.css" rel="stylesheet" type="text"> 
     <link rel="stylesheet" type="text/css" href="estilo.css"> 
     <style type="text/css"> 
     </style> 
     <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <title>Crear registro de una Persona</title> 
     <script type="text/javascript" src="jquery-3.2.1.min"></script>  
     <script type="text/javascript" src="jquery.validate.min"></script>  
     <script type="text/javascript"> 
     $(document).ready(function() { 
     $('#createPersonForm').validate({ 
     rules: { 

     rut: { 
     required: true, 
     number: true, 
     minlength:7 
     }, 
     nombre:{ 
     required: true, 
     minlength:3 
     }, 
     apellido:{ 
     required: true, 
     minlength:4 
     }, 

     }); 

     </script>    
     </head> 
     <body> 
      <h1>Crear una Persona</h1> 
      <form id="createPersonForm" action="crearPersona.do" method="post"> 
     <div class="navbar navbar-fixed-center"> 
     <table> 
     <tr><td>Rut:</td><td><input type="text" id="rut" name="rut" required/><span id="dato1"></span></td></tr> 

     <tr><td>Nombre:</td><td><input type="text" id="nombre" name="nombre" required/><span id="dato2"></span></td></tr> 

     <tr><td>Apellidos:</td><td><input type="text" id="apellido" name="apellido" required/><span id="dato3"></span></td></tr> 

     </table> 
     <div class="navbar-inner"> 
     <br/>  
     <input type="submit" class="btn btn-info" id="CrearRegistro" value="CrearRegistro" /> 
     </div> 
</div> 
     </form> 
     </html>

最小値未満の数量を入力した場合、検証は行われません。は、あなたが手紙を受け入れるときにそれを受け入れるときにのみ、rutの数字を受け入れます。

出典

2017-10-07 ives rodriguez

submitHandlerが見つからない場合でも、検証関数にブラケットがありません。以下は動作する例であることを確認してください。この助けを願っています。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 

    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js"></script>  
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('#createPersonForm').validate({ 
     rules: { 
     rut: { 
     required: true, 
     number: true, 
     minlength:7 
     }, 
     nombre:{ 
     required: true, 
     minlength:3 
     }, 
     apellido:{ 
     required: true, 
     minlength:4 
     }, 
     submitHandler: function(form) { 
      form.submit(); 
     } 
     } 
    }); 
}); 

</script> 
</head> 
<body> 
<form id="createPersonForm" action="crearPersona.do" method="post"> 
     <div class="navbar navbar-fixed-center"> 
     <table> 
     <tr><td>Rut:</td><td><input type="text" id="rut" name="rut" required/><span id="dato1"></span></td></tr> 

     <tr><td>Nombre:</td><td><input type="text" id="nombre" name="nombre" required/><span id="dato2"></span></td></tr> 

     <tr><td>Apellidos:</td><td><input type="text" id="apellido" name="apellido" required/><span id="dato3"></span></td></tr> 

     </table> 
     <div class="navbar-inner"> 
     <br/>  
     <input type="submit" class="btn btn-info" id="CrearRegistro" value="CrearRegistro" /> 
     </div> 
</div> 
     </form> 
</body> 
</html>

出典

2017-10-07 01:08:40

@sie rodriguezそれはあなたのために働いたのですか？ –

私は試しましたが動作しません。フォームデータはサーブレットで処理されます。 –

jquery jspが正しく動作しません

答えて

関連する問題