js文本框只能输数字，两个输入框数字比大小

最新推荐文章于 2021-09-13 17:13:41 发布

最新推荐文章于 2021-09-13 17:13:41 发布 · 776 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个简单的JavaScript表单验证示例，通过两个函数实现：一是键盘按键监听，限制用户只能输入数字；二是提交前验证，确保起始值小于终止值，并给出错误提示。

function keyPress(){
	var keyCode = event.keyCode;
	if(keyCode>=48 && keyCode <= 57){
		event.returnValue=true;
	}else{
		event.returnValue=false;
	}
}

function formSubmit(){
	var min = parseInt($("#id1").val());
	var max = parseInt($("#id2").val());
	if( min > max ){
		$("#errorId").html("开始值必须小于结束值");
		return false;
	}else{
		return true;
	}
}

上面是JS代码

下面是HTML代码

<form action="#" onsubmit="return formSubmit()">
<input type="text" name="minNum" id="id1" onkeypress="keyPress()">
<input type="text" name="maxNum" id="id2" onkeypress="keyPress()">
<input type="submit">
<span id="errorId"></span>
</form>