在 JQuery 验证中验证由空格分隔的多个单词输入？

Posted 2023-05-09

【中文标题】在 JQuery 验证中验证由空格分隔的多个单词输入？

【英文标题】：Validate a multiple word input separated by space in JQuery validation?

【发布时间】：2015-11-10 21:58:51

【问题描述】：

我正在使用 jQuery 验证插件来验证表单的字段。我有一个场景，我们需要验证一个具有多个单词输入名称的字段，例如，

<input type="text" name="total amount">

我应该如何验证？我尝试了一种正常的方法，但它没有验证。 而且我不能使用 class 或 id，因为这些数据来自数据库。

我可以通过添加类来验证它。但是，我在数据库中有 1000 个条目，所以这不是一个好的解决方案。

那么，我应该如何验证具有多个单词名称的输入？

【参考方案1】：

您可以通过指定包含在'' 或"" 中的输入名称来添加规则

jQuery(function($) 
  var validator = $('#myform').validate(
    rules: 
      'total amount': 
        required: true
      
    ,
    messages: 
  );
);

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/additional-methods.js"></script>


<form id="myform" method="post" action="">

  <input type="text" name="total amount" />

  <input type="submit" value="Save" />
</form>

【讨论】：

在 html5 中可能允许在 name 中使用空格，但这是一种糟糕的做法，而且编程非常草率。