分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


爱资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery Mask Plugin输入框内容格式化插件
喜欢 ()分享 (0)