某些 URL 的 jQuery 验证错误

Question

我一直在寻找这个问题的答案，想知道是否有人遇到过同样的问题。

jQuery.validation 插件正常工作正常，只是有一些 URL 无法正确验证，我正在努力找出原因（或有效的解决方法）。

普通 URL 可以正常工作，例如 http://www.play.com，但以下 URL 始终无法正常工作证实：

http://www.play.com/DVD/Blu-ray/4-/21404340/Transformers-3-Dark-Of-The-Moon-3D/Product.html?searchstring =&searchtype=allproducts&searchsource=2&searchfilters=ae212{644651}%2bc{600}%2b&urlrefer=search

我猜是因为 { } 字符。

我正在使用通用验证插件用法：

$("#myform").validate({
  rules: {
    field: {
      required: true,
      url: true
    }
  }
});

任何对此修复的见解都将非常感激。

Answer 1

是的，这些字符无效。您可能希望采用的一个选项是URL 输入上的 on Change 事件，用 URI 编码值替换当前值。

$('.url-field').change(function() { $(this).val(encodeURI($(this).val())); });