Kiểm tra Nếu chỉ nhập các giá trị số vào đầu vào. (JQuery)

Question

Tôi muốn kiểm tra xem người dùng nhập đúng số điện thoại trong, với sự giúp đỡ của jQuery, cho đến nay tôi đã đến giai đoạn này:

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; 
} 

Về cơ bản nó sẽ kiểm tra nếu số điện thoại đã được nhập và nếu nó là , Tôi muốn kiểm tra xem nó có phải là giá trị số không và nếu nó không hiển thị thông báo lỗi. Ai đó có thể giúp kiểm tra xem nó có phải là số không?

Answer 1

Hãy thử điều này ... nó sẽ đảm bảo rằng chuỗi "điện thoại" chỉ chứa chữ số và ít nhất sẽ chứa một chữ số

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

Answer 2

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

Kiểm tra xem. Nó sẽ chỉ là những gì bạn đang tìm kiếm. Plugin xác thực điện thoại của Hoa Kỳ cho jQuery.

Nếu bạn muốn tự mình làm, bạn sẽ có một lượng công việc tốt. Kiểm tra chức năng isNaN(). Nó cho bạn biết nếu nó không phải là một số. Bạn cũng sẽ muốn đánh dấu các biểu thức chính quy của mình để xác thực. Nếu bạn đang sử dụng RegEx, bạn có thể đi mà không cần isNaN(), vì bạn sẽ vẫn đang thử nghiệm cho điều đó.

Answer 3

Có một chức năng tích hợp sẵn trong jQuery để kiểm tra này (IsNumeric), vì vậy hãy thử như sau:

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

tôi sử dụng này:

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

cho tương lai vis itors, bạn có thể thêm functon này cho phép người dùng nhập vào chỉ số: bạn sẽ chỉ cần thêm jquery và tên lớp vào đầu vào kiểm tra xem thành 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

Tôi sử dụng này để kiểm tra xem tất cả các hộp văn bản có giá trị số:

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

hoặc cho một:

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

sẵn với 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'); 
      } 

Tôi hy vọng mã này có thể giúp bạn.

trong mã này nếu điều kiện sẽ trả về true nếu có bất kỳ số thập phân hợp pháp nào của bất kỳ số thập phân nào. và cảnh báo sẽ đưa ra thông báo "Right Number" khác khôn ngoan nó sẽ hiển thị một cảnh báo popup với thông báo "Xin vui lòng nhập chỉ số vào số lượng textbox.".

Thanks ... :)

Answer 8

Đây không phải là một câu trả lời chính xác cho câu hỏi, nhưng một lựa chọn khác để xác nhận điện thoại, là để đảm bảo số lượng được nhập theo định dạng bạn đang mong đợi. Dưới đây là một chức năng tôi đã làm việc trên đó khi được đặt thành sự kiện onInput, sẽ loại bỏ bất kỳ đầu vào không phải số nào và tự động chèn dấu gạch ngang tại vị trí "đúng", giả sử xxx-xxx-xxxx là đầu ra mong muốn .

<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

tôi đã sử dụng hình thức này xác nhận .... kiểm tra văn bản dán và nếu nó có chứa bảng chữ cái, cho thấy một lỗi cho người dùng và sau đó rõ ràng ra hộp sau khi chậm trễ cho người sử dụng để kiểm tra văn bản và thực hiện các thay đổi thích hợp.

$('#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); 
     });