Как запретить ввод определенныx слов в input?

Question

[Pitman77]

Здравствуйте!
Есть input с классом .phone, нужно запретить в нем набор определенных номеров, например 111-11-11, 555-55-55, 999-99-99 и т.д. Т.е. что бы пользователь мог ввести 111-11-1, но при вводе последней единицы поле .phone сбрасывалось (становилось пустым).
Буду благодарен за готовое "легкое" решение.
Заранее благодарен за помощь!

Comments

[dollar]

Пользователь сможет легко обойти, написав 123-12-21. Зато вам уже придётся гадать, настоящий это номер или фейк, хотя с 111 всё было очевидно.

А вы, собственно, какую конечную цель преследуете? Или это так, баловство?

[Pitman77]

dollar, вы не поняли, мне нужно запретить ввод только определенных номеров. Например, 156-15-22 - поле сбрасывается, но при этом 156-15-21 или 156-15-23 можно ввести. Грубо говоря сделать запрет на ввод определенных номеров.

Answer 1

[Stockholm Syndrome]

let phones = ['111-11-11', '555-55-55', '999-99-99'];
$('.phone').on('input', function() {
  for (let i = 0, l = phones.length; i < l; ++i) {
    if ($(this).val() === phones[i]) {
      $(this).val('');
      break;
    }
  }
});

Comments

[Pitman77]

StockholmSyndrome большое спасибо за Ваше желание помочь! Может еще подскажете - к полю приязан плагин маски телефонного номера. Как объединить эти 2 скрипта или заставить работать параллельно друг с другом? Дело в том, что на пустом поле Ваш скрипт работает, а в поле с маской нет ((

(function(e) {
 function t() {
 var e = document.createElement("input"),
 t = "onpaste";
 return e.setAttribute(t, ""), "function" == typeof e[t] ? "paste" : "input"
 }
 var n, a = t() + ".mask",
 r = navigator.userAgent,
 i = /iphone/i.test(r),
 o = /android/i.test(r);
 e.mask = {
 definitions: {
 9: "[0-9]",
 a: "[A-Za-z]",
 "*": "[A-Za-z0-9]"
 },
 dataName: "rawMaskFn",
 placeholder: "_"
 }, e.fn.extend({
 caret: function(e, t) {
 var n;
 if (0 !== this.length && !this.is(":hidden")) return "number" == typeof e ? (t = "number" == typeof t ? t : e, this.each(function() {
 this.setSelectionRange ? this.setSelectionRange(e, t) : this.createTextRange && (n = this.createTextRange(), n.collapse(!0), n.moveEnd("character", t), n.moveStart("character", e), n.select())
 })) : (this[0].setSelectionRange ? (e = this[0].selectionStart, t = this[0].selectionEnd) : document.selection && document.selection.createRange && (n = document.selection.createRange(), e = 0 - n.duplicate().moveStart("character", -1e5), t = e + n.text.length), {
 begin: e,
 end: t
 })
 },
 unmask: function() {
 return this.trigger("unmask")
 },
 mask: function(t, r) {
 var c, l, s, u, f, h;
 return !t && this.length > 0 ? (c = e(this[0]), c.data(e.mask.dataName)()) : (r = e.extend({
 placeholder: e.mask.placeholder,
 completed: null
 }, r), l = e.mask.definitions, s = [], u = h = t.length, f = null, e.each(t.split(""), function(e, t) {
 "?" == t ? (h--, u = e) : l[t] ? (s.push(RegExp(l[t])), null === f && (f = s.length - 1)) : s.push(null)
 }), this.trigger("unmask").each(function() {
 function c(e) {
 for (; h > ++e && !s[e];);
 return e
 }

 function d(e) {
 for (; --e >= 0 && !s[e];);
 return e
 }

 function m(e, t) {
 var n, a;
 if (!(0 > e)) {
 for (n = e, a = c(t); h > n; n++)
 if (s[n]) {
 if (!(h > a && s[n].test(R[a]))) break;
 R[n] = R[a], R[a] = r.placeholder, a = c(a)
 }
 b(), x.caret(Math.max(f, e))
 }
 }

 function p(e) {
 var t, n, a, i;
 for (t = e, n = r.placeholder; h > t; t++)
 if (s[t]) {
 if (a = c(t), i = R[t], R[t] = n, !(h > a && s[a].test(i))) break;
 n = i
 }
 }

 function g(e) {
 var t, n, a, r = e.which;
 8 === r || 46 === r || i && 127 === r ? (t = x.caret(), n = t.begin, a = t.end, 0 === a - n && (n = 46 !== r ? d(n) : a = c(n - 1), a = 46 === r ? c(a) : a), k(n, a), m(n, a - 1), e.preventDefault()) : 27 == r && (x.val(S), x.caret(0, y()), e.preventDefault())
 }

 function v(t) {
 var n, a, i, l = t.which,
 u = x.caret();
 t.ctrlKey || t.altKey || t.metaKey || 32 > l || l && (0 !== u.end - u.begin && (k(u.begin, u.end), m(u.begin, u.end - 1)), n = c(u.begin - 1), h > n && (a = String.fromCharCode(l), s[n].test(a) && (p(n), R[n] = a, b(), i = c(n), o ? setTimeout(e.proxy(e.fn.caret, x, i), 0) : x.caret(i), r.completed && i >= h && r.completed.call(x))), t.preventDefault())
 }

 function k(e, t) {
 var n;
 for (n = e; t > n && h > n; n++) s[n] && (R[n] = r.placeholder)
 }

 function b() {
 x.val(R.join(""))
 }

 function y(e) {
 var t, n, a = x.val(),
 i = -1;
 for (t = 0, pos = 0; h > t; t++)
 if (s[t]) {
 for (R[t] = r.placeholder; pos++ < a.length;)
 if (n = a.charAt(pos - 1), s[t].test(n)) {
 R[t] = n, i = t;
 break
 }
 if (pos > a.length) break
 } else R[t] === a.charAt(pos) && t !== u && (pos++, i = t);
 return e ? b() : u > i + 1 ? (x.val(""), k(0, h)) : (b(), x.val(x.val().substring(0, i + 1))), u ? t : f
 }
 var x = e(this),
 R = e.map(t.split(""), function(e) {
 return "?" != e ? l[e] ? r.placeholder : e : void 0
 }),
 S = x.val();
 x.data(e.mask.dataName, function() {
 return e.map(R, function(e, t) {
 return s[t] && e != r.placeholder ? e : null
 }).join("")
 }), x.attr("readonly") || x.one("unmask", function() {
 x.unbind(".mask").removeData(e.mask.dataName)
 }).bind("focus.mask", function() {
 clearTimeout(n);
 var e;
 S = x.val(), e = y(), n = setTimeout(function() {
 b(), e == t.length ? x.caret(0, e) : x.caret(e)
 }, 10)
 }).bind("blur.mask", function() {
 y(), x.val() != S && x.change()
 }).bind("keydown.mask", g).bind("keypress.mask", v).bind(a, function() {
 setTimeout(function() {
 var e = y(!0);
 x.caret(e), r.completed && e == x.val().length && r.completed.call(x)
 }, 0)
 }), y()
 }))
 }
 })
})(jQuery);

$(document).ready(function(maska) {
 // Маска для телефона 
 $(".phone").mask("999-99-99", {
 completed: function() {
 $(this).after("<div style='display:inline;'></div>");
 }
 });

});

[Stockholm Syndrome]

Pitman77, так как completed вызывается, когда номер полностью введён, то можно этот код поместить внутрь

$(".phone").mask("999-99-99", {
  completed: function() {
    for (let i = 0, l = phones.length; i < l; ++i) {
      if ($(this).val() === phones[i]) {
        $(this).val('');
        return;
      }
    }
    $(this).after("<div style='display:inline;'></div>");
  }
});

[Pitman77]

StockholmSyndrome спасибо большое за помощь! Работает!