Verifica Se sono stati immessi solo valori numerici nell'input. (JQuery)

Question

Vorrei verificare se gli utenti inseriscono il numero di telefono corretto, con l'aiuto di jQuery, finora ho avuto modo di questa fase:

var phone = $("input#phone").val(); 
if (phone !== "") { 
    //Check if phone is numeric 
    $("label#phone_error").show(); //Show error 
    $("input#phone").focus(); //Focus on field 
    return false; 
} 

In sostanza si verifica se è stato immesso il numero di telefono e se fosse , Vorrei verificare se si tratta di un valore numerico e se non è visualizzato i messaggi di errore. Qualcuno può aiutare con il controllo se è numerico?

Answer 1

Prova questo ... sarà fare in modo che la stringa "telefono" contiene solo cifre e dovrà contenere almeno una cifra

if(phone.match(/^\d+$/)) { 
    // your code here 
} 

Answer 2

http://docs.jquery.com/Plugins/Validation/CustomMethods/phoneUS

verificare che fuori. Dovrebbe essere proprio quello che stai cercando. Un plug-in di convalida del telefono americano per jQuery.

Se vuoi farlo da solo, avrai una buona dose di lavoro. Controlla la funzione isNaN(). Ti dice se non è un numero. Volete anche rispolverare le vostre espressioni regolari per la convalida. Se stai usando RegEx, puoi andare senza isNaN(), come testerai comunque.

Answer 3

c'è una funzione built-in in jQuery per controllare questo (isNumeric), in modo da provare la seguente:

var phone = $("input#phone").val(); 
    if (phone !== "" && !$.isNumeric(phone)) { 
    //Check if phone is numeric 
    $("label#phone_error").show(); //Show error 
    $("input#phone").focus(); //Focus on field 
    return false; 
} 

Answer 4

ho usato questo:

jQuery.validator.addMethod("phoneUS", function(phone_number, element) { 
phone_number = phone_number.replace(/\s+/g, ""); 
return this.optional(element) || phone_number.length > 9 && 
    phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); 
}, "Please specify a valid phone number"); 

Answer 5

per il futuro vis itors, è possibile aggiungere questo functon che permettono all'utente di inserire solo i numeri: si avrà solo aggiungere jQuery e il nome della classe all'ingresso controllare che in http://jsfiddle.net/celia/dvnL9has/2/

$('.phone_number').keypress(function(event){ 
var numero= String.fromCharCode(event.keyCode); 
var myArray = ['0','1','2','3','4','5','6','7','8','9',0,1,2,3,4,5,6,7,8,9]; 
index = myArray.indexOf(numero);// 1 
var longeur= $('.phone_number').val().length; 
if(window.getSelection){ 
text = window.getSelection().toString(); 
} if(index>=0&text.length>0){ 
    }else if(index>=0&longeur<10){ 
    }else {return false;} }); 

Answer 6

Ho usato questo per verificare se tutte le caselle di testo aveva valori numerici:

if(!$.isNumeric($('input:text').val())) { 
     alert("All the text boxes must have numeric values!"); 
     return false; 
    } 

o per uno:

$.isNumeric($("txtBox").val()); 

Disponibile con jQuery 1.7.

Answer 7

if (!(/^[-+]?\d*\.?\d*$/.test(document.getElementById('txtRemittanceNumber').value))){ 
      alert('Please enter only numbers into amount textbox.') 
      } 
      else 
      { 
      alert('Right Number'); 
      } 

Spero che questo codice possa essere di aiuto.

in questo codice se la condizione restituisce true se esiste un numero decimale legale di un numero qualsiasi di posizioni decimali. e l'avviso verrà visualizzato con il messaggio "Numero corretto", altrimenti verrà visualizzato un popup di avviso con il messaggio "Inserire solo numeri in una casella di testo.".

Grazie ... :)

Answer 8

Questa non è una risposta esatta alla domanda, ma un altra opzione per la convalida del telefono, è quello di garantire il numero viene immesso nel formato vi aspettate.

Questa è una funzione su cui ho lavorato quando si imposta l'evento onInput, elimina gli input non numerici e inserisce automaticamente i trattini nel punto "giusto", assumendo che xxx-xxx-xxxx sia l'output desiderato .

<input oninput="formatPhone()">

function formatPhone(e) { 
    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); 
    e.target.value = !x[2] ? x[1] : x[1] + '-' + x[2] + (x[3] ? '-' + x[3] : ''); 
} 

Answer 9

Ho usato questo tipo di convalida .... controlla il testo incollato e se contiene alfabeti, mostra un errore per l'utente e quindi chiara la scatola dopo il ritardo per l'utente di controllare il testo e apportare le modifiche appropriate.

$('#txtbox').on('paste', function (e) { 
      var $this = $(this); 
      setTimeout(function (e) { 
       if (($this.val()).match(/[^0-9]/g)) 
       { 
        $("#errormsg").html("Only Numerical Characters allowed").show().delay(2500).fadeOut("slow");      
        setTimeout(function (e) { 
         $this.val(null); 
        },2500); 
       }     
      }, 5); 
     });