Vue.js-VuelidateURLドメインを使用するとメールドメインと一致する必要があります

MichelDelpech

2つの入力フィールドがあります:urlemail

私が使用Vuelidateしているのは、URLドメイン名が電子メールドメイン名と等しいかどうかをチェックするカスタムバリデーターを作成したいです。

有効な例:

url: (https://)www.mydomain.example

Eメール: [email protected]

無効な例:

url: (https://)www.mydomain.example

Eメール: [email protected]

検証オブジェクト:

validations: {
    form: {
      url: { required, url, maxLength: maxLength(2083) },
      email: { required, email, maxLength: maxLength(255) },
      lastName: { required, maxLength: maxLength(100) },
      firstName: { required, maxLength: maxLength(100) }
    }
  },
Boussadjra Brahim

あなたは次のようにcustom validator呼ばれるmatchUrl使用することができます:

  const matchUrl=(value, vm) => 
   value.substring(value.indexOf("@")+1) ===vm.url.substring(vm.url.indexOf(".")+1);

そしてそれを次のように使用します:

validations: {
 form: {
  url: { required, url, maxLength: maxLength(2083) },
  email: { required,matchUrl, email, maxLength: maxLength(255) },
  lastName: { required, maxLength: maxLength(100) },
   firstName: { required, maxLength: maxLength(100) }
 }
},

この作業例を確認ください

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ