验证系统它适用于某些输入，但不适用于其他输入使用 jQuery答案

【问题标题】：validation system it works for some input and it doesn't work for others uses jQuery验证系统它适用于某些输入，但不适用于其他输入使用 jQuery
【发布时间】：2021-01-16 09:51:59
【问题描述】：

我尝试应用验证系统使用 jQuery 我包括引导 CDN 和 jQuery 和 jQuery 验证。虽然输入名称工作正常，但输入标题不起作用。

嗨，我尝试使用 jQuery 应用验证系统，我包括引导 CDN 和 jQuery 以及 jQuery 验证。虽然输入名称工作正常，但输入标题不起作用。

   
 $(document).ready(function () {
    jQuery.validator.setDefaults({
            debug: true,
            success: "valid"
          });
          $("#myform").validate({
            rules: {

              title: {
                required: true,
                minlength:2,
                maxlength:5,
              },
              name: {
                required: true,
                minlength:2,
                maxlength:5,
              },

            }
          });
   
});

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>rules</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.2/dist/jquery.validate.js"></script>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

</head>
<body>
<div class="container">
    <form id="myform">
     <div class="form-group">
     <label>Categories <span class="text-hightlight">*</span></label>
     <select class="form-control" name="category_id" id="category_id">
        <option>select</option>
        <option value="1">title</option>
        <option value="2">name</option>
     </select>
   </div>
    <div class="form-group">
      <label>title <span class="text-hightlight">*</span></label>
      <input type="text" name="titre" id="title" class="form-control"/>
    </div>
    <div class="form-group">
      <label>name <span class="text-hightlight">*</span></label>
      <input type="text" name="name" id="name" class="form-control"/>
    </div>
    <button class="btn btn-theme" type="submit"  >cherche</button>
    </form>
 </div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>

【问题讨论】：

更正标题字段的名称。
@RohitUtekar 是的，完全解决了

标签： javascript html jquery validation

【解决方案1】：

这里有一个错字：<input type="text" name="titre" id="title" class="form-control"/>

标题应该是标题

【讨论】：