Angular input mã phiếu nhập kho

Người dùng có bắt buộc phải nhập chữ PN không? Nếu không thì có thể làm như vậy cho đơn giản: https://jsfiddle.net/90fpjenp/1/ Người dùng chỉ phải nhập phần số thôi
hoặc có thể dùng plugin này: https://igorescobar.github.io/jQuery-Mask-Plugin/
Plugin có hỗ trợ tạo ra format riêng, ví dụ:

$('.your-field').mask('AA/SS/YYYY', {'translation': {
                                        A: {pattern: /[A-Za-z0-9]/},
                                        S: {pattern: /[A-Za-z]/},
                                        Y: {pattern: /[0-9]/}
                                      }
                                });

thank you, cái jQuery-Mask-Plugin rất giá trị, nhưng hình như nó chưa validation thì phải.

ý bạn là validation gì?

Tức là kiểm tra tính hợp lệ trước khi post,

Plugin hỗ trợ format cái data khi nhập vào thôi. Còn format đó có hợp lệ hay không thì mình phải tự viết thêm

Làm thử một cái theo Angular style thử đi bạn xem như mài kiếm ok?

Ví dụ Qui định là : “PX0001”
Version 1:
Khi user gõ vào nếu đúng thì do notthing, còn nếu sai pattern thì show error báo format phải là “PX0001”, và dĩ nhiên không cho post nếu không đúng pattern

Bổ sung : Cho định nghĩa pattern

Version 2:
giống V1 nhưng nâng cấp một cái là hiện cái format trong khu vực input luôn : “PX____”

Version 3 : chưa nghĩ ra…

…
hix tự đặt yêu cầu cho chính mình!!!

để lát mình post cái v1 rồi bạn tối ưu hóa giúp mình nhé

Mình sẽ thử (thêm text cho đủ 20 chữ)

Nếu là AngularJS thì dùng uimask đi, hỗ trợ thẳng cái Version2 của bạn luôn

GitHub

angular-ui/ui-mask

ui-mask - Mask on an input field so the user can only type pre-determined pattern

như dưới cũng được, tùy chỉnh theo ý mình

module.directive('format', [function () {
    return {
        require: '?ngModel',
        link: function (scope, elem, attrs, ctrl) {
            if (!ctrl) return;

            var symbol = "PX"; // dummy usage
            
            ctrl.$formatters.unshift(function (a) {
                return symbol + (ctrl.$modelValue) ;
            });

            ctrl.$parsers.unshift(function (viewValue) {
                var plainNumber = viewValue.replace(/[^0-9]/g, '');
                elem.val(symbol + plainNumber);
                return plainNumber;
            });
        }
    };
}]);

 <input type="text" ng-model="test" format/>

của mình đây
http://plnkr.co/edit/THJvl2?p=preview

Của bạn sao gọn vậy ta!!!

Cái của mình là ok cho version 1 rồi nghen;

Thực sự mình cũng chưa hiểu push and unshift khác nhau thế nào??

Mình có thêm biến vào cái regex được không nhỉ ?

Instead of using the /regex/g syntax, you can construct a new RegExp object:

var re = new RegExp(“regex”,“g”);

You can dynamically create regex objects this way. Then you will do:

“mystring”.replace(re, “newstring”);

Vậy mình sẽ thêm biến
var symbol=“PX”;
var soKySo=4;
sau này đẩy vào attr luôn.