js跟踪input输入框字数

自定义手机号的效果js

<script type="text/javascript">

function deletePhone(id){
	$("#"+id).remove();
}

$(function() {
	if ($.browser.msie) // IE浏览器
	{
		$("#myPhone").get(0).onpropertychange = setOtherPhone;
	} else // 其他浏览器
	{
		var intervalName; // 定时器句柄
		$("#myPhone").get(0).addEventListener("input", setOtherPhone,
				false);
		// 获得焦点时，启动定时器
		$("#myPhone").focus(function() {
			intervalName = setInterval(handle, 1000);
		});

		// 失去焦点时，清除定时器
		$("#myPhone").blur(function() {
			clearInterval(intervalName);
		});
	}
	// 设置jsUserName input的值
	function setOtherPhone() {
		if($(this).val().length == 11){
			//校验是否是手机号码
			var mPattern = /^1[34578]\d{9}$/;
			if(mPattern.test($(this).val())){
				//alert("phone");
				var myphone = $(this).val();
				var phoneNum = "<div class='ww_groupSelBtn_item' id='"+myphone+"'><input type='hidden' id='phoneId' value='"+myphone+"'/><span class='ww_commonImg ww_commonImg_GroupDelSel js_range_item_del' onclick='deletePhone("+myphone+")'><img src='/jxwwx/resources/css/wzManage/images/tree_dnd_no.png'/></span><span class='ww_groupSelBtn_item_text'>"+myphone+"</span></div>";
				$("#phoneDiv").append(phoneNum);
				$(this).val("");
			}else{
				$.messager.alert('温馨提示','输入手机号码不正确！','warning',function(){
					$(this).focus();
				});
			}
		}else if($(this).val().length > 11){
			$.messager.alert('温馨提示','输入手机号码不正确！','warning',function(){
				$(this).val("");
				$(this).focus();
			});
		}	
		
		//$("#jsUserName").val($(this).val());
	}
	// jsUserName input的值改变时执行的函数
	function handle() {
		
	}
});
</script>

转载于:https://my.oschina.net/u/3269608/blog/1539365