Mysql
 sql >> Database >  >> RDS >> Mysql

Come ottenere il codice paese dal plug-in (intl-tel-input) dopo aver inviato il modulo?

opzione intlTelInput:

Input nascosto

Aggiungi un input nascosto con il nome dato. In alternativa, se il tuo nome di input contiene parentesi quadre (ad es. name="phone_number[main]"), assegnerà lo stesso nome all'input nascosto, sostituendo il contenuto delle parentesi con il nome dato (ad es. se avvii il plugin con hiddenInput :"full", quindi in questo caso l'input nascosto avrebbe name="phone_number[full]"). Al momento dell'invio, popolerà automaticamente l'input nascosto con il numero internazionale completo (usando getNumber). Questo è un modo rapido per le persone che utilizzano moduli non Ajax per ottenere il numero internazionale completo, anche quando la modalità nazionale è abilitata. Evita questa opzione quando usi i moduli Ajax e chiama invece getNumber per ottenere il numero internazionale completo per inviare la richiesta. Nota:richiede che l'input sia all'interno di un elemento del modulo, poiché questa funzione funziona ascoltando l'evento di invio sull'elemento del modulo più vicino. Nota inoltre che poiché utilizza getNumber internamente, in primo luogo richiede l'opzione utilsScript e in secondo luogo si aspetta un numero valido e quindi dovrebbe essere utilizzato solo dopo la convalida.

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>

Codice PHP

Puoi ottenere il numero completo come

$phone_number = $_REQUEST['phone_number']['full'];