1
<script type="text/javascript">    
$(document).ready(function () {
        $('#myForm').validate({
            rules: {
                telf: {
                    required: true,
                    telf: true
                },
           }
        });
    });
</script>

1 respuesta 1

3

Si el número necesita el formato de los Estados Unidos, el plugin lo trae por defecto:

$.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#miForm" ).validate({
  rules: {
    field: {
      required: true,
      phoneUS: true
    }
  }
});

Si necesitas un formato personalizado tienes que agregarlo tú mismo.

Ejemplo:

HTML

<form id="miForm">
<input type="text" name="nomTelefono" id="idTelefono" class="required" placeholder="1-222-333-4444"/>
<button id="btnEnviar">Enviar</button>
</form>

jQuery

El regex /^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/

crea un validator de números con el siguiente formato:

1-222-333-4444

$.validator.addMethod('customphone', function (value, element) {
    return this.optional(element) || /^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/.test(value);
}, "Por favor entre un número de teléfono válido");

$(function() {
    $("#miForm").validate({
        rules: {
            nomTelefono: 'customphone' //nombre del elemento y del método creado
        }
    });
});

Ver Demo: JSFiddle

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.