Mysql
 sql >> Base de Dados >  >> RDS >> Mysql

Como obter o código do país do plug-in (intl-tel-input) depois de enviar o formulário?


opção de entrada intlTel:

entrada oculta

Adicione uma entrada oculta com o nome fornecido. Alternativamente, se o seu nome de entrada contiver colchetes (por exemplo, name="phone_number[main]"), ele dará à entrada oculta o mesmo nome, substituindo o conteúdo dos colchetes pelo nome fornecido (por exemplo, se você iniciar o plug-in com hiddenInput :"full", então, neste caso, a entrada oculta teria name="phone_number[full]"). Ao enviar, ele preencherá automaticamente a entrada oculta com o número internacional completo (usando getNumber). Essa é uma maneira rápida para as pessoas que usam formulários não Ajax obterem o número internacional completo, mesmo quando nationalMode estiver ativado. Evite essa opção ao usar formulários Ajax e, em vez disso, ligue para getNumber para obter o número internacional completo para enviar a solicitação. Nota:requer que a entrada esteja dentro de um elemento de formulário, pois esse recurso funciona ouvindo o evento submit no elemento de formulário mais próximo. Observe também que, como isso usa getNumber internamente, primeiro requer a opção utilsScript e, em segundo lugar, espera um número válido e, portanto, deve ser usado apenas após a validação.


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>

Código PHP

Você pode obter o número completo como
$phone_number = $_REQUEST['phone_number']['full'];