javascript - 如果我在警报消息后给出 val 函数，jquery-textfield 无法正确清除

Question

目前我正在研究 jquery 验证。这里我有两个文本字段，如果用户尝试输入错误的字母，则用户只能输入数字，它应该只显示数字。

使用我当前的代码，这工作得很好，但文本没有正确清除。

这是jquery代码

 $('.txt_CC').on('change',function(e){

        var len = $('#txt_CC').val().length;
        if(len == 1){
            $('.cc_field').val( '00' + $('.cc_field').val());
        }else if(len == 2){
        $('.cc_field').val('0'+ $('.cc_field').val() );
        }else if(len == 3){
        }
    }); 

  $('.txt_CC').keypress(function(e){
         if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                //display error message
                $('.txt_CC').val('');
                    alert("Digit only");
                }
        });  

请建议我我的代码是否正确

这是fiddle link对于 html

提前致谢

Answer 1

<强> DEMO

如果它是一个字符，您可以通过阻止在其中输入文本而不是清除来执行e.preventDefault()。例如:

$('.txt_CC').keypress(function(e){
    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
           e.preventDefault();
           alert("Digit only");
    }
});

<小时/>

更新

只需将电话号码元素类也添加到keypress事件中，如下所示:

$('.txt_CC,.pn_field').keypress(function(e){
    if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
               e.preventDefault();
               alert("Digit only");
    }
});

<强> DEMO