número selector de intlTelIput.js ---- campo con JS plug-in de mostrar la bandera, con una gran cantidad de personas

Registrar cuáles son las necesidades actuales de los clientes, tratando de hacer esto.

 

 

 R: Demanda: país de la zona selector de código con la exhibición de la bandera

Hay banderas, existe el código de área, desplegable, hay consejos y obtener al número de teléfono pura después de someterse a un segundo plano, para poder saber, para mostrar el teléfono + 86 a 12727262722 estilo similar de. Sino también saber de qué país.

 Dos: el diseño de la parte trasera del campo

Conjunto de tres campos, teléfono (número de teléfono móvil puro), PhonePlus (con el número de teléfono código de área), guojia (número de teléfono País). En el que el conjunto de dos tipo de entrada, tipo = oculto.

Tres: para lograr front-end

Baidu, se puede ver la parte superior del ranking, basado en la presentación y ejecución ofertas jq22 sitio:

Disponible en :   http://www.jq22.com/jquery-info12917

Front-end, según sea necesario, para introducir, intlTelIput.js y intlTelIput.css etc., recuerde, un local de ensayo a continuación, se carga cuando utils.js, la cruz-dominio solicitud de error aparece fracasaron. Mosto, mosto, debe configurar un servidor, o las pruebas en línea.

También adjunte algunos JS personalizados.

// empezar a escuchar los números puros de entrada

  $ ( "# Teléfono"). En ( "cambio", function () {

        // Obtener la información nacional actual plug-in, en la forma de los objetos, que son plug-in que viene con la necesidad de estudiar el documento

           var guojiaobj = $ ( "# teléfono") intlTelInput ( "getSelectedCountryData.");

        // Obtener el nombre del país, con el fin de ahorrar

           var guojia = guojiaobj.name

        // establecer el valor del país

           $ ( "# Guojia"). Val (guojia)  

        // Obtener el código, con el fin de empalmar el formato + 86-111111111

           var quhao = guojiaobj.dialCode

           var DianHua = $ ( "# teléfono") val ().;

           var todo = '+' + quhao + '-' + DianHua

        // establecer el valor de un código de área

           $ ( "# PhonePlus") val. (Todos)  

           });

　　

Cuatro: el pensamiento profundo y materiales de referencia

 1.jq22 sitio web sólo le puede dar una información de configuración sencilla.

       http://www.jq22.com/jquery-info12917

2, acceso a datos de China, que puede dar más, plug-in proporciona la configuración, propiedades, métodos, y así sucesivamente.

　　https://www.kutu66.com//GitHub/article_99526

 3. Por supuesto, en la búsqueda de github intlTelInput, también se puede encontrar, sin embargo, es la traducción en Inglés de lo que hay.

 4. Uso también puede ser descargado a la NGP.

Cinco: finalmente se dio cuenta. Perder dos o tres horas, aún es necesario el trabajo ah.