需要自定义使用插件对URL进行JQuery验证

Question

我正在使用JQuery验证插件来验证我的webdirectory网站上的表单。我需要允许用户以#ur; www.url.com＆＃34;形式输入网址，但插件要求用户输入网址为＆＃34; http://www.url.com＆＃34;。

周围有办法吗？请指教。感谢您的时间和建议。

Answer 1

您可以采取两种方法：

1. 只需添加新的自定义方法即可：
＆＃13;
＆＃13;
    jQuery.validator.addMethod("url2", function(value, element) {
      
      //just change below regex to your needs
      return this.optional(element) || /^[a-zA-Z]{1,3}\.[a-zA-Z0-9]+\.[a-zA-Z]{1,3}$/.test( value );
    }, 'Please enter a valid url address.');  
＆＃13;
＆＃13;
＆＃13;  

确保您的元素放置数据属性类型如下：

<input id="myid" type="url2"/>

1. 覆盖url验证的插件方法，如下所示：
＆＃13;
＆＃13;
$.validator.methods.url = function( value, element ) {
  return this.optional( element ) || /^[a-zA-Z]{1,3}\.[a-zA-Z0-9]+\.[a-zA-Z]{1,3}$/.test( value );
}
＆＃13;
＆＃13;
＆＃13;