jQueryのフォーム検証<a href="http://www.formvalidator.net/" rel="nofollow">Jquery Form Validator</a>これまでのところ、私はこのプラグインが良い見つけた唯一の標準USA番号に

Question

を許可するなど、これまでそれはすべて私の要件を満たしていますが、私は、ユーザーが唯一のUSA携帯電話番号の形式にこのような何かを入力するための検証を設定するにこだわっています1-（XXX）-XXX-XXXX。この番号だけを入力できるようにする必要があります。受け入れてはならず、フォームの検証エラーが表示されるはずです。

私は調査しましたが、この特定のことを達成する方法を示しているチュートリアルまたはデモコードを見つけることができず、したがってこの質問をしなければなりませんでした。

誰かが私を導くか、可能な場合はhtmlタグでのデータ - *属性（すなわち<input data-validation="creditcard" data-validation-allowing="visa, mastercard, amex">）またはこのプラグインを利用することの助けを借りて、他の方法を使用してこれを実現する方法を私にいくつかのコードを表示...

ことができます私はこれを利用しようとしているConfiguration Callbacksしかし、私は複数のフォームを持っていると私はこのコードを私のcommon.jsすべてのフォームを使用してうまく動作するファイルに入れているので、これを利用する方法は少し混乱しています。

$.validate({ 
      modules : 'security, file' 
     }); 

だから、私は別のコードベースを入力する必要はありませんとして私のために実現可能であることができparcular HTMLフォームで作業することができ、共通のような何かデータ - *属性（その利用可能な場合）をしたいですこのような異なる形式で上記のような一般的な方法は$.validate({form : '#LoginForm'});可能です..

私はこのことを達成するために誰かが助けてくれる？

ご協力いただければ幸いです。

ありがとうございました。

Answer 1

は最終的に私は私のリンクを提供してくれ、これを達成するためにどのように方法を示す@mplungjanへの容易のおかげでこの事を整理しています。

は、私は単にライブラリDefault validation customにここに行って、私は、彼らが実際に正規表現の検証を作るために施設を提供している見に行く..私は米国の携帯電話番号Phone Number Regex US

をチェックするための正規表現を検索

そして、その後で動作するように正規表現を見つけた後、私は出来上がり

<input name="user_mobile_no" class="form-control error" placeholder="Mobile No." 
data-validation="required custom" 
data-validation-error-msg-required="Please Enter Mobile Number" 
data-validation-regexp="\D*([2-9]\d{2})(\D*)([2-9]\d{2})(\D*)(\d{4})\D*" 
data-validation-error-msg-custom="Invalid Mobile Number (i.e. +1 XXX-XXX-XXXX)" 
maxlength="50" id="user-mobile-no" value="+1 215-555-1212" 
style="border-color: rgb(185, 74, 72);" type="text"> 

そして、このHTMLコードを使用しました、その働き。

私が上に置いたこれらの行には、カスタム検証を行うためにそこに入れるのに、data-validation="required custom"カスタムが必要です。私が最も有効な電話番号と最後をチェックしなく

data-validation-regexp="\D*([2-9]\d{2})(\D*)([2-9]\d{2})(\D*)(\d{4})\D*" 

を入れた後

はその後、私は必要data-validation-error-msg-required="Please Enter Mobile Number"と無効な数のユーザーに表示するために二つの異なる検証エラーメッセージを入れているdata-validation-error-msg-custom="Invalid Mobile Number (i.e. +1 XXX-XXX-XXXX)"。

サポートをいただきありがとうございます。私はそれが似たようなことに対処する必要がある誰かを助けることを望む。本当に感謝。

ありがとうございます。

Answer 2

/* 
 
It works for these number formats: 
 
1-234-567-8901 
 
1-234-567-8901 x1234 
 
1-234-567-8901 ext1234 
 
1 (234) 567-8901 
 
1.234.567.8901 
 
1/234/567/8901 
 
12345678901 
 
1-234-567-8901 ext. 1234 
 
(+351) 282 433 5050 
 
*/ 
 

 
jQuery.validator.addMethod("usPhoneFormat", function (value, element) { 
 
    return this.optional(element) || /^\(*\+*[1-9]{0,3}\)*-*[1-9]{0,3}[-. /]*\(*[2-9]\d{2}\)*[-. /]*\d{3}[-. /]*\d{4} *e*x*t*\.* *\d{0,4}$/.test(value); 
 
}, "Enter a valid phone number."); 
 

 

 
$(document).ready(function(){ 
 
    $("#sampleForm").validate({ 
 
    rules: { 
 
     phoneNumberRegEx: { 
 
     usPhoneFormat: true, 
 
     required: true 
 
     } 
 
    }, 
 
    submitHandler: function (form) { 
 
     alert("submitted."); 
 
    } 
 
    }); 
 
    $(".phone").mask("0-000-000-0000", {placeholder: "_-___-___-____"}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script> 
 
<script type="text/javascript" src="http://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script> 
 
<form id="sampleForm" method="POST"> 
 
    <fieldset> 
 
     <label for="phoneNumberRegEx">Phone: </label> 
 
     <input type="text" id="phoneNumberRegEx" name="phoneNumberRegEx" class="phone" /> 
 
    </fieldset> 
 
    <input type="submit" value="Submit" /> 
 
</form>

Answer 3

Uたいが、特定のシリーズコードと検証を進めている場合は、uがこのパッケージ真剣https://www.npmjs.com/package/dialcodes