在JQuery验证中验证由空格分隔的多字输入?

时间:2015-08-18 05:43:06

标签: jquery html validation jquery-validate

我正在使用jQuery validation-plugin来验证表单的字段。我有一个场景,我们需要验证一个具有多个单词输入名称的字段,如

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

我该如何验证?我尝试了一种常规方法,但它没有验证。 我不能使用class或id,因为这些数据来自数据库。

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

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

1 个答案:

答案 0 :(得分:2)

您可以通过指定''""

中包含的输入名称来添加规则

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>