代码之家 › 专栏 › 技术社区 › Mr world wide

向jQuery添加新的验证方法无效

linkedin jquery-validate jquery

Mr world wide · 技术社区 · 7 年前

我想验证LinkedIn配置文件URL。这不是必填字段,但当用户输入数据时,它应该只允许正则表达式格式。当不匹配时,应显示消息无效。我试过这样,但它甚至没有触发。我如何调试它?

jQuery.validator.addMethod("linkedinUrl", function(value, element) {
  return this.optional(element) || /(ftp|http|https):\/\/?(?:www\.)?linkedin.com(\w+:{0,1}\w*@)?(\S+)(:([0-9])+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/.test(value);
});

$(function() {
  $("#Add_Staff_Form").validate({
    rules: {
      linkedin {
        required: true;
        linkedinUrl: true;
      }
    },
    messages: {
      linkedin {
        required: "Please specify the correct linkedin url"
      }
    },
    ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input'
  });
});

<div class="col-md-4">
  <label class="control-label">Linkedin</label>
  <input type="text" id="linkedin" name="linkedin" class="form-control" value="" />
</div>

1 回复 | 直到 7 年前

asif 7 年前

<script>
    jQuery.validator.addMethod("linkedinUrl", function(value, element) {
    return this.optional(element) || /(ftp|http|https):\/\/?(?:www\.)?linkedin.com(\w+:{0,1}\w*@)?(\S+)(:([0-9])+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/.test(value); }, "Please enter valid linkedin url!" );

    $(function () {
        $("#Add_Staff_Form").validate({
            rules: {
                linkedin:"linkedinUrl",
            },
            ignore: ':hidden:not([class~=selectized]),:hidden > .selectized, .selectize-control .selectize-input input'
        });
    });
</script>

在html中添加:

<div class="col-md-4">
    <label  class="control-label">Linkedin</label>
    <input type="text" id="linkedin" name="linkedin" class="form-control linkedinUrl" value=""   />
</div>

推荐文章

Bits Please · 条件验证-Jquery

6 年前

KimboSlice · asp中带点的Jquery验证字段

6 年前

StackOverthrow · 当用户删除原始字段值时,如何触发验证?

6 年前

Stfvns · 如何使用jquery验证检查空数据表

6 年前

ZCT · jquery验证器无法验证语义ui下拉列表

6 年前

Ricardo Peres · jQuery中的自定义验证无字段名的非干扰性验证

7 年前

Bob Tway · 将jQuery验证设置为检查并允许空文件扩展名

7 年前

Glyn · jQuery验证需要来自\u组的\u不工作

7 年前

paultechguy · 使用jQuery验证重新启用表单选择验证后启用它

7 年前

Sai Avinash · 如何在jQuery自定义验证器方法中格式化消息

7 年前