jquery đầu vào đeo mặt nạ plugin để không rõ ràng trường khi errored

Question

Tôi nhìn vào http://digitalbush.com/projects/masked-input-plugin/

Tôi gọi nó như thế này:

$(control).mask('999-999-9999'); 

Và tôi không muốn nó vứt người dùng nhập vào nếu có điều gì đó sai, ví dụ họ chưa hoàn thành

[407-555-____] 

Nếu bạn rời khỏi trường sau khi đã nhập nhiều, nó sẽ xóa. Tôi muốn rời khỏi nó để họ có thể kết thúc sau.

Tôi mới làm quen với jQuery, và tôi đã xem qua nguồn của anh ấy, nhưng tôi không thể tìm ra cách nào để làm điều đó, tôi cũng không thể tìm cách chỉnh sửa để hoàn thành những gì tôi muốn, vì mã là mắt của tôi.

Answer 1

Dường như tôi chỉ nên làm cho toàn bộ mặt nạ tùy chọn:

mask('?999-999-9999') 

Bằng cách đó sự kiểm soát suy nghĩ những gì người dùng có là "hợp lệ" và tôi có thể tiếp tục. Mặc dù nó không thực sự là một phần tùy chọn của mặt nạ.

Answer 2

Bạn nên xóa câu lệnh input.val(""); trong checkVal() để có giải pháp thích hợp.

Nếu bạn đang sử dụng phiên bản rút gọn, bạn nên tìm kiếm và xóa tuyên bố:

if(!a&&c+1<i)f.val(""),t(0,k);else 

Answer 3

Ngoài tháo input.val ("") trong checkVal(), bạn cũng có thể thay đổi các cuộc gọi đến clearBuffer . Trong mã ban đầu, nó là: clearBuffer (0, len); xóa tất cả đầu vào của người dùng. nếu bạn thay đổi điều này thành clearBuffer (lastMatch + 1, len); đầu vào của người dùng sẽ được hiển thị, tiếp theo là phần giữ chỗ mặt nạ vẫn cần thiết để hoàn thành đầu vào chính xác.

Tôi cũng đã thêm thông báo người dùng vào .bind. Điều này làm việc cho chúng ta, vì chúng ta đang sử dụng MaskedInput cho chính xác một kiểu đầu vào. Tôi đang kiểm tra bất kỳ đầu vào nào đi xa hơn vị trí 7, bởi vì đó là nơi đầu vào của người dùng bắt đầu.

Dưới đây là những gì tôi đã làm:

.bind("blur.mask", function() { 
    // find out at which position the checkVal took place 
    var pos = checkVal(); 
    // if there was no input, ignore 
    if (pos <=7) {input.val(""); clearBuffer(0, len);} 
    // if the user started to input something, which is not complete, issue an alert 
    if (pos > 7 && pos < partialPosition) alert("Tell the user what he needs to do."); 
    if (input.val() != focusText) 
    input.change(); 
}) 

Answer 4

Thêm Placeholder có thể giải quyết vấn đề.

$(control).mask('999-999-9999'); 

Thêm người giữ chỗ trống vào mặt nạ. xem bên dưới

$(control).mask('999-999-9999', { placeholder: "" }); 

sẽ thay thế _ trên trường văn bản nhập theo mặc định. do đó, bot sẽ có bất kỳ _ left nào nếu độ dài đầu vào là động và không cố định.

Answer 5

tập tin cập nhật Thử jquery.maskedinput.js

Trong function checkVal (cho phép) thiết lập thông số cho phép trên thành sự thật. Nó giúp tôi.

function checkVal(allow) { 
        allow = true; ///add this command 
//.............. 
} 

Answer 6

Đặt tùy chọn tự động điền thành sai.

$(control).mask('999-999-9999', {autoclear: false}); 

Answer 7

Tìm kiếm tập lệnh cắm phương thức hiển thị.

$('#checkbox').unmask();