如何在文本字段上设置格式?

时间:2017-09-21 17:42:48

标签: jquery regex wordpress validation contact-form-7

我在WordPress中有一个表单构建,其中包含联系表单7.我在文本字段上进行了自定义验证。

$("input[name='num'").keyup(function(e){

        var cpf = jQuery(this).val();
        if(cpf){
            var reg = /^\(?([0-9]{3})\)?[.]?([0-9]{3})[.]?([0-9]{3})[-]?([0-9]{2})$/;   
            if(!reg.test(cpf)) {

                jQuery("#cpf-error").html("Format Should be (xxx.xxx.xxx-xx)");

            }else{
                jQuery("#cpf-error").empty();
            }
        }


    });

使用此验证格式的数字将为xxx.xxx.xxx-xx但在这种情况下,用户必须键入点(。)和减号( - )才能使其号码有效。我希望用户只能像这样输入12345678900,它会在文本字段中自动转换为123.456.789-00。

有没有解决方案?

提前致谢

1 个答案:

答案 0 :(得分:0)

试试这个

document.getElementById("inputId").onkeyup = function(){
   this.value = this.value.replace(/^(\d{3})(\d{3})(\d{3})(\d{2}).*/, '$1.$2.$3-$4');
};
<input type='text' id='inputId' />

您也可以尝试使用jQuery Mask

CPF 模板