javascript让文本框只能输入数字, 带数字类型和限制最大值功能.
2006-10-10 08:22
666 查看
网上看到过很多javascript验证数字输入的方法, 自己也写了个算是总结吧. 如有算法和逻辑上的问题, 欢迎大家拍砖啊.
IE6.0下测试通过.
转载请注明出自: http://blog.csdn.net/pisces_fri/
<SCRIPT language="javascript" type="text/javascript">
/**
* @author: pisces.fri
*/
// =============================================================================
// validationNumber methods
/**
* Validate the input text as a number
*
* @param object ID of the input control object
* @param string Number type ('int', 'u_int', 'float' or 'u_float')
* @param number Max number allowed to input
* @param object ID of the error message control object
*
* @return null
*/
function validationNumber(hndID, numType, maxNum, hndMsgID)
{
var keyCode = window.event.keyCode;
var ch = String.fromCharCode(keyCode);
var value = '';
var retCode = 0;
var oNumVerify=null;
//屏蔽回车键
if (keyCode==13)
{
window.event.keyCode = 0;
return null;
}
if (hndID != undefined)
{
value += hndID.value+ch;
}
else
{
window.event.keyCode = keyCode;
return null;
}
oNumVerify = new isNumeric(value);
if (oNumVerify.isNumber)
{
numType = numType.toString().toLowerCase();
switch(numType)
{
case 'u_int': //正整数
if ((oNumVerify.isMinus==false) && (oNumVerify.isDecimal==false))
{
retCode = keyCode;
}
break;
case 'u_float': //正实数
if (oNumVerify.isMinus==false)
{
retCode = keyCode;
}
break;
case 'int': //整数
if (oNumVerify.isDecimal==false)
{
retCode = keyCode;
}
break;
case 'float': //实数
retCode = keyCode;
break;
default:
retCode = 0;
}
//判断输入的数字是否超过设置的最大值
if ((maxNum!=undefined) && (maxNum.constructor==Number) && (oNumVerify.value > maxNum))
{
retCode = 0;
if (hndMsgID != undefined)
{
hndMsgID.innerHTML = '<SPAN style="color:#EE3333">值不能大于'+maxNum+'</SPAN>';
}
}
}
oNumVerify = null;
window.event.keyCode = retCode;
return null;
}
function isNumeric(verifyNum)
{
var re = /^([-]{0,1})([0-9]*)([/.]{0,1})([0-9]*)$/g;
this.isNumber = false;
this.isMinus = false;
this.isDecimal = false;
this.value = verifyNum;
verifyNum = verifyNum.toString();
if (re.test(verifyNum))
{
this.isNumber = true;
re.exec(verifyNum);
//判断 '-' 符号
if (RegExp.$1=='-')
{
this.isMinus = true;
}
//判断 '.' 符号
if (RegExp.$3=='.')
{
this.isDecimal = true;
verifyNum += '0';
}
try
{
this.value = parseFloat(verifyNum);
}
catch(e)
{
this.value = 0;
}
}
return;
}
</SCRIPT>
使用方法:<br/>
<INPUT type="text" name="txtYear" id="txt_Year" size="4" onkeypress="javascript:validationNumber(this, 'float', 2006, txtYearMsg);" style="text-align:right;ime-mode:disabled;" maxlength="4"/>年 <SPAN id="txtYearMsg"></SPAN>
IE6.0下测试通过.
IE6.0下测试通过.
转载请注明出自: http://blog.csdn.net/pisces_fri/
<SCRIPT language="javascript" type="text/javascript">
/**
* @author: pisces.fri
*/
// =============================================================================
// validationNumber methods
/**
* Validate the input text as a number
*
* @param object ID of the input control object
* @param string Number type ('int', 'u_int', 'float' or 'u_float')
* @param number Max number allowed to input
* @param object ID of the error message control object
*
* @return null
*/
function validationNumber(hndID, numType, maxNum, hndMsgID)
{
var keyCode = window.event.keyCode;
var ch = String.fromCharCode(keyCode);
var value = '';
var retCode = 0;
var oNumVerify=null;
//屏蔽回车键
if (keyCode==13)
{
window.event.keyCode = 0;
return null;
}
if (hndID != undefined)
{
value += hndID.value+ch;
}
else
{
window.event.keyCode = keyCode;
return null;
}
oNumVerify = new isNumeric(value);
if (oNumVerify.isNumber)
{
numType = numType.toString().toLowerCase();
switch(numType)
{
case 'u_int': //正整数
if ((oNumVerify.isMinus==false) && (oNumVerify.isDecimal==false))
{
retCode = keyCode;
}
break;
case 'u_float': //正实数
if (oNumVerify.isMinus==false)
{
retCode = keyCode;
}
break;
case 'int': //整数
if (oNumVerify.isDecimal==false)
{
retCode = keyCode;
}
break;
case 'float': //实数
retCode = keyCode;
break;
default:
retCode = 0;
}
//判断输入的数字是否超过设置的最大值
if ((maxNum!=undefined) && (maxNum.constructor==Number) && (oNumVerify.value > maxNum))
{
retCode = 0;
if (hndMsgID != undefined)
{
hndMsgID.innerHTML = '<SPAN style="color:#EE3333">值不能大于'+maxNum+'</SPAN>';
}
}
}
oNumVerify = null;
window.event.keyCode = retCode;
return null;
}
function isNumeric(verifyNum)
{
var re = /^([-]{0,1})([0-9]*)([/.]{0,1})([0-9]*)$/g;
this.isNumber = false;
this.isMinus = false;
this.isDecimal = false;
this.value = verifyNum;
verifyNum = verifyNum.toString();
if (re.test(verifyNum))
{
this.isNumber = true;
re.exec(verifyNum);
//判断 '-' 符号
if (RegExp.$1=='-')
{
this.isMinus = true;
}
//判断 '.' 符号
if (RegExp.$3=='.')
{
this.isDecimal = true;
verifyNum += '0';
}
try
{
this.value = parseFloat(verifyNum);
}
catch(e)
{
this.value = 0;
}
}
return;
}
</SCRIPT>
使用方法:<br/>
<INPUT type="text" name="txtYear" id="txt_Year" size="4" onkeypress="javascript:validationNumber(this, 'float', 2006, txtYearMsg);" style="text-align:right;ime-mode:disabled;" maxlength="4"/>年 <SPAN id="txtYearMsg"></SPAN>
IE6.0下测试通过.
相关文章推荐
- javascript让文本框只能输入数字, 带数字类型和限制最大值功能.
- 使用javascript事件机制限制文本框中只能输入数字
- 用javascript限制一个文本框只能输入数字
- JavaScript限制文本框只能输入整形或浮点数类型
- 用javascript限制一个文本框只能输入数字
- html限制文本框只能输入int类型的数字
- 用javascript限制一个文本框只能输入数字
- 限制一个文本框只能输入数字以及限制最大只能输入的数字
- JavaScript 限制文本框只能输入数字的正则表达式
- Javascript验证和限制文本框只能输入数字或者小数
- 用javascript限制一个文本框只能输入数字,英文
- Javascript控制文本框只能输入数字
- [小技巧]文本框中限制只能输入数字,也不允许Ctrl+V
- 正则表达式限制文本框只能输入数字
- 限制JTextField只能输入数字以及输入最大长度
- jQuery使用正则表达式限制文本框只能输入数字
- javascript控制文本框中输入的只能为数字
- 用正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
- 用正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
- js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码