javascript - プラグインを使用した URL の JQuery 検証をカスタマイズする必要がある

Question

JQuery 検証プラグインを使用して、Web ディレクトリ サイトのフォームを検証しています。ユーザーが「www.url.com」の形式で URL を入力できるようにする必要がありますが、プラグインではユーザーが URL を「http://www.url.com」と入力する必要があります。

それを回避する方法はありますか？お知らせ下さい。お時間とご提案をいただきありがとうございます。

Answer 1

次の 2 つの方法があります。

1. それに対応する新しいカスタム メソッドを追加するだけです。

    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"/>

2. 以下のように、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 );
}