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

Posted 2023-05-09

技术标签:

【中文标题】验证系统它适用于某些输入，但不适用于其他输入使用 jQuery【英文标题】：validation system it works for some input and it doesn't work for others uses 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 是的，完全解决了 【参考方案1】：

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

标题应该是标题

【讨论】：

以上是关于验证系统它适用于某些输入，但不适用于其他输入使用 jQuery的主要内容，如果未能解决你的问题，请参考以下文章

使用 SQL Server 后端访问前端，适用于某些机器，而不适用于其他机器

Jquery 验证不适用于 datepicker 的输入

MagicalRecord - 速记适用于某些实体，但不适用于其他实体

函数适用于文本输入，但不适用于数字输入

C ++程序不适用于某些输入

无法弄清楚为啥我的字符、字数和行数适用于文件输入，但不适用于标准输入

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

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