intlTelInputオプション:
hiddenInput
指定された名前で非表示の入力を追加します。または、入力名に角括弧が含まれている場合(例:name ="phone_number [main]")、非表示の入力に同じ名前を付け、括弧の内容を指定された名前に置き換えます(例:プラグインをhiddenInputで初期化した場合) :"full"の場合、この場合、非表示の入力はname ="phone_number [full]")になります。送信時に、非表示の入力に完全な国際番号が自動的に入力されます(getNumberを使用)。これは、nationalModeが有効になっている場合でも、Ajax以外のフォームを使用している人が完全な国際番号を取得するための簡単な方法です。 Ajaxフォームを使用する場合はこのオプションを避け、代わりにgetNumberを呼び出して、リクエストで送信する完全な国際番号を取得してください。注:この機能は最も近いフォーム要素で送信イベントをリッスンすることで機能するため、入力はフォーム要素内にある必要があります。また、これは内部でgetNumberを使用するため、最初にutilsScriptオプションが必要であり、次に有効な番号が必要であるため、検証後にのみ使用する必要があることに注意してください。
var phone_number = window.intlTelInput(document.querySelector("#phone_number"), {
separateDialCode: true,
preferredCountries:["in"],
hiddenInput: "full",
utilsScript: "//cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/utils.js"
});
$("form").submit(function() {
var full_number = phone_number.getNumber(intlTelInputUtils.numberFormat.E164);
$("input[name='phone_number[full]'").val(full_number);
alert(full_number)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/css/intlTelInput.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.3/js/intlTelInput.min.js"></script>
<body>
<form>
<input type="tel" name="phone_number[main]" id="phone_number" />
<button type="submit" name="save">Save</button>
</form>
</body>
PHPコード
あなたは
のような完全な数を得ることができます$phone_number = $_REQUEST['phone_number']['full'];