jquery jsp 不能正常工作答案

【问题标题】：jquery jsp don't work correctlyjquery jsp 不能正常工作
【发布时间】：2017-10-07 00:10:48
【问题描述】：

只是对空字段进行jquery验证，对字符数进行jquery验证和对数字进行jquery验证不起作用。

     <%@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 中的数字，当您输入字母时接受它们。

【问题讨论】：

标签： jquery forms validation jsp

【解决方案1】：

您的验证功能上缺少一些括号，您也缺少 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>

【讨论】：

我试过但是不行，表单数据是由一个servlet处理的