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

jQuery Mask Plugin输入框内容格式化插件-精品资源网
jQuery Mask Plugin输入框内容格式化插件
此内容为免费资源,请登录后查看
0
免费资源

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>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容