您的位置:首页 > 其它

设置页面文本框中输入限制通用方法

2011-10-12 22:42 302 查看
设置页面某个文本框中输入限制



/**
	   * 方法说明
	   *      只允许某个文本框中输入0~1之间的数值。当用户输入数值时,
	   *    会自动在输入的数值前面添加'0.';
	   * 参数说明:
	   *     @param element input文本框对象
	   * 使用方式:
	   *     为指定的文本框绑定onKeyDown事件,
	   */
     function  allowEnterNumberZero2One(element){
	     var keyCode = event.keyCode;
		 var _val = element.value;
		 if(_val == '' || !(/^0\./).test(_val)){
		    element.value = '0.';
		 }
		
		return onlyNumber(keyCode);
	 }
	 
	 /** 
	  * 方法说明:
	  *     判断输入的数值是否为数字、删除、退格、左移或右移键
	  * 参数说明:
	  *  @param keyCode 输入的键盘的键值
	  */
	 function onlyNumber(keyCode){
	     var bFlag = keyCode != 8 && keyCode != 46 && keyCode != 37 && keyCode != 39;
		 if(bFlag && (keyCode > 57 || keyCode < 48)){
		     return false;
		 }
		 return true;
	 }
	 
	 /**
	  * 方法说明:
	  *   设置一个文本框中可以输入数值或浮点数。
	  * 参数说明:
	  *   @param element input文本框对象
	  * 使用方式
	  *   为指定的文本框绑定onKeyDown事件
	  */
	 function allowEnterFloat(element){
	    var keyCode = event.keyCode;
		var _val = element.value;
		if(keyCode == 190){
	       if(_val == ''){
		      element.value = '0';
		   }else if(_val.indexOf('.') != -1){
		      return false;
		   }
		}
		return  onlyNumber(keyCode) || keyCode == 190;
	 }
	  
      /**
       * 方法说明:
       *   设置一个文本框中只能输入字母
       * 参数说明:
       *   @param {HTMLObject} element input元素对象
       *   @param {Number} len 文本框中允许输入的字母个数,如果为空则为不限制
       */	  
	function  allowEnterChar(element, len){
	    var keyCode = event.keyCode;
		var bFlag = keyCode != 8 && keyCode != 46 && keyCode != 37 && keyCode != 39;
		if(bFlag && (keyCode < 65 || keyCode > 90)){
		   return false;
		}
		var val = element.value;
		if(len != undefined && (val.length >= len)){
		   return false;
		}
		return true;
	}
	
	/**
	 * 方法说明:
	 *    设置某个文本框中只能输入数字
	 * 方法说明:
	 *    @param {HTMLObject} element input元素对象
	 *    @param {Number} len 允许输入的数字的个数,当没指定时为无限制 
	 */
	function allowEnterNumber(element, len){
	    var keyCode = event.keyCode;
		 if(!onlyNumber(keyCode)){
		    return false;
		 }
		 var _val = element.value;
		 if(len != undefined && (_val.length >= len)){
		     return false;
		 }
		 return false;
	}
	
	/**
	 * 方法说明:
	 *    设置一个文本框只能输入数字或字母
	 * 参数说明:
	 *    @param {HTMLObject} element  input文本框对象
	 *    @param {Number} len 允许输入的字母或字母的最大数量
	 */
	function allowEnterNumberOrChar(element, len){
		return allowEnterChar(element, len) || allowEnterNumber(element, len);
	}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: