主页 / 问题 / 798642
Accepted
Азамат Шарафутдинов
Asked:2020-03-15 19:25:27 +0000 UTC2020-03-15 19:25:27 +0000 UTC

如何禁止输入无效字符，不删除第一个无效字符？

  • 772

这样一个任务：用户开始用俄语输入，输入第一个字母后出现错误，输入被阻塞，输入的字母没有被删除： 

$('.js-au-email').keyup(function() {
    var regexp = /^[a-zA-Z0-9-_@\.]+$/i;
    if(!regexp.test(this.value)) {
        alert('ошибка в символе')
    }  
    else {

    }

});

告诉我如何进一步禁止输入，但不阻止文本字段，以使删除字符成为可能？

javascript

1 个回答

  1. Best Answer

    选项1： 

    var count_error = 0;
$('.js-au-email').on("keyup", function() {
  var regexp = /^[a-zA-Z0-9-_@\.]+$/i;
  if (!regexp.test($(this).val()) && count_error == 0) {
    alert('ошибка в символе');
    count_error = 1;
  } else if (!regexp.test($(this).val()) && count_error == 1 && $(this).val().length > 0) {
    alert('ошибка в символе');
    $(this).val($(this).val().slice(0, -1));
  } else if ($(this).val().length < 1 || regexp.test($(this).val())) {
    count_error = 0;
  }
console.log(count_error);
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="js-au-email" class="js-au-email">

    UPD：添加了对空值的检查，以便alert在删除与模式不匹配的字符串中的最后一个字符时不会弹出。

    选项2：如果不着急，您可以简化：

    $('.js-au-email').on("keyup", function() {
  if (($(this).val().match(/[^a-zA-Z0-9-_@\.]/g)||[]).length == 1) {
    alert('ошибка в символе');
  } else if(($(this).val().match(/[^a-zA-Z0-9-_@\.]/g)||[]).length > 1){
    alert('ошибка в символе');
    $(this).val($(this).val().slice(0, -1));
  }

});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="js-au-email" class="js-au-email">

    选项 2.1：如果你想禁用输入，包括。正确的字符，在输入不正确的字符后：

    $('.js-au-email').on("keyup", function() {
  if (($(this).val().match(/[^a-zA-Z0-9-_@\.]/g)||[]).length == 1) {
    alert('ошибка в символе');
    if ($(this).val().length > 1 &&
      ($(this).val().substr(-1).match(/[^a-zA-Z0-9-_@\.]/g) || []).length < 1) {
      $(this).val($(this).val().slice(0, -1));
    }
  } else if(($(this).val().match(/[^a-zA-Z0-9-_@\.]/g)||[]).length > 1){
    alert('ошибка в символе');
    $(this).val($(this).val().slice(0, -1));
  }

});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="js-au-email" class="js-au-email">

    • 1

相关问题