注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

jQuery Mask Plugin输入框内容格式化插件

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-12-22
jQuery Mask Plugin输入框内容格式化插件
一个用于字段格式的jQuery Mask Plugin输入框内容格式化插件,文本框内容格式化代码,支持日期格式,手机号码,时间格式(小时),带区号的座机号码,美国电话号码,地区号码,混合类型,邮政编码,货币等文字格式化。


js代码

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="dist/jquery.mask.min.js"></script>
<script type="text/javascript">
	  $(function() {
		$('.date').mask('9999-99-99');
		$('.time').mask('99:99:99');
		$('.date_time').mask('99/99/9999 99:99:99');
		$('.cep').mask('99999-999');
		$('.phone').mask('99999999999');
		$('.phone_with_ddd').mask('(9999) 9999999');
		$('.phone_us').mask('(999) 999-9999');
		$('.mixed').mask('AAA 000-S0S');

		$('.cep_with_callback').mask('00000-000', {onComplete: function(cep) {
			console.log('Mask is done!:', cep);
		  },
		   onKeyPress: function(cep, event, currentField, options){
			console.log('An key was pressed!:', cep, ' event: ', event, 'currentField: ', currentField.attr('class'), ' options: ', options);
		  }
		});

		$('.crazy_cep').mask('00000-000', {onKeyPress: function(cep){
		  var masks = ['00000-000', '0-00-00-00'];
			mask = (cep.length>7) ? masks[1] : masks[0];
		  $('.crazy_cep').mask(mask, this);
		}});

		$('.cpf').mask('999.999.999-99', {reverse: true});
		$('.money').mask('000.000.000.000.000,00', {reverse: true});

		var SaoPauloCelphoneMask = function(phone, e, currentField, options){
		  return phone.match(/^(\(?11\)? ?9(5[0-9]|6[0-9]|7[01234569]|8[0-9]|9[0-9])[0-9]{1})/g) ? '(00) 00000-0000' : '(00) 0000-0000';
		};

		$(".sp_celphones").mask(SaoPauloCelphoneMask, { onKeyPress: function(phone, e, currentField, options){
		  $(currentField).mask(SaoPauloCelphoneMask(phone), options);
		}});


		$('pre').each(function(i, e) {hljs.highlightBlock(e)});

	  });
</script>