javascript - JQuery 切换数字和字符输入

Question

如何在文本框中切换字符和数字输入？

我有一个 JQuery 函数只允许输入数字

$('.numeric').on('input', function (event) { 
    this.value = this.value.replace(/[^0-9]/g, '');
});

我只在一个输入框中应用类numeric，它会限制字符输入。

我的问题是这个。

我有一个带有国家列表的选择框

<select class="form-control" id="country_select" name="country">
    <option value="44">United Kingdom</option>
    <option value="681">Wallis and Futuna</option>
    <option value="967">Yemen</option>
    <option value="260">Zambia</option>
    <option value="263">Zimbabwe</option>
 </select>

每当我选择 United Kingdom 时，我想删除我的输入框上的字符限制，该输入框具有 numeric 类。我想允许在文本框上输入字母和数字

<input placeholder="Zip/Postal Code" class="numeric" id="company_zip" name="company_zip" type="text">

我有这个 Jquery 代码，但它不起作用。我试图删除 numeric 类以允许输入字母。但它不起作用。

$('#country_select').change(function(){
    var zip = $('#company_zip');
    var country = $(this);
    $('#area_code').val($(this).val());

    if (country.val() == 44) {
        zip.removeClass('numeric');
    }else{
        if (!zip.hasClass('numeric')) {
            zip.addClass('numeric');
        }

    }
});

Answer 1

它不起作用的原因是因为事件已经附加到元素。删除类不会删除已经关联到元素的事件。

您应该在文本框的更改事件下检查选定的选项值:

var country = $('#country_select');
$('.numeric').on('input', function (event) { 
   if(country.val() == 44)
     this.value = this.value.replace(/[^0-9]/g, '');
});