首页 > 解决方案 > Jquery 验证检查数组中的值是否按照显示 jquery 错误消息显示错误

问题描述

var city = ["Cleveland", "Gilberdyke", "Llanrwst", "Swadlincote", "Turriff", "Westhill", "Oban", "Craigavon"]

$(".submitform").validate({
  rules: {
         state: {
            required: true,
         },
         country: {
            required: true,
         },
         city: {
           required: true,     
         },
     },
});

我想检查是否 在城市数组中输入城市值, 以便显示验证消息 这个城市已经存在

我正在使用下面的验证脚本

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

我想显示消息

在此处输入图像描述

请帮忙 !!!!!!!

标签: jqueryvalidation

解决方案


(1) 您在此处创建自定义验证 array,例如:

$.validator.addMethod(
  "array",
   function(value, element, array) {
          return !array.includes(value);
   },"erreur"
);

(2) 您将它与您的数组一起使用city

$(".submitform").validate({
  rules: {
         state: {
            required: true,
         },
         country: {
            required: true,
         },
         city: {
           required: true,
           "array": city     
         },
     },
});

推荐阅读