JQuery URL 上使用插件的验证需要自定义
JQuery validation on URL using plug-in needs to be customized
我正在使用 JQuery 验证插件来验证我的 webdirectory 站点上的表单。我需要允许用户以 "www.url.com" 的形式输入 URL,但插件要求用户将 URL 键入为“http://www.url.com”。
有办法解决吗?请指教。感谢您的时间和建议。
您可以采用两种方法:
- 只需添加新的自定义方法来适应它:
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.');
并确保您的元素将数据属性类型设置为如下所示:
<input id="myid" type="url2"/>
- 覆盖 url 验证的插件方法,如下所示:
$.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 );
}
我正在使用 JQuery 验证插件来验证我的 webdirectory 站点上的表单。我需要允许用户以 "www.url.com" 的形式输入 URL,但插件要求用户将 URL 键入为“http://www.url.com”。
有办法解决吗?请指教。感谢您的时间和建议。
您可以采用两种方法:
- 只需添加新的自定义方法来适应它:
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.');
并确保您的元素将数据属性类型设置为如下所示:
<input id="myid" type="url2"/>
- 覆盖 url 验证的插件方法,如下所示:
$.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 );
}