intlTelInputにバリデーションを追加する方法

Question

このHTML入力コントロールは新しくなっています。 intlTelInputコントロールに「必須」属性を追加します。従来の方法で属性を追加する、つまり

<input type="tel" name="mobile" id="mobile-number" required="required"> 

は機能しません。

誰でもこのコントロールに検証を追加するプロセスを通して私を導くことができます。

私は、CSS、以下が含まれている：

<label>Enter your mobile number</label> 
<input type="tel" name="mobile" id="mobile-number" required="required"> 

をして、ファイルの最後に、私は、スクリプトファイルが含ま：

<link rel="stylesheet" href="plugins/intl-tel/css/intltelinput.min.css"> 

は、次にコントロールを追加追加するには

<script src="assets/plugins/intl-tel/js/intltelinput.min.js"></script> 

をデフォルトの国私は以下を追加しましたjs：

(function($){ 
    $(document).ready(function() { 
     if (typeof $.fn.intlTelInput !== 'undefined') { 
      $("#mobile-number").intlTelInput({ 
       defaultCountry: "in", 
       preferredCountries: ["in"] 
      }); 
     } 
    }); 
})(window.jQuery); 

おかげ

Answer 1

てみ次のコードを使用する：

をテキストに

• 変化型

ノート唯一の必須属性を追加します。あなたがpattern属性を使用することができますあなたがそれを必要とする場合は電話番号。

<form action="/action_page.php"> 
 
    <input type="text" name="mobile" id="mobile-number" required> 
 
    <input type="submit"> 
 
</form>