急求！jquery或者就是比较两个文本框数字大小，提示语要在文本框后边

发布网友发布时间：2022-04-23 22:20

共2个回答

热心网友时间：2022-04-23 23:49

我写得应该很详细咯，希望能帮到你哈，不懂的话百度HI我

////----------------JQuery

<script language="javascript">
$(function(){
//----输入框纯数字判断
var numReg=/^[0-9]*$/,inputTipArr=["输入的值不能为空！","输入的必须为数字！"] //数字判断正则
$("#com1,#com2")
.focusin(function(){ //获得焦点后触发事件
$(".compareDemo span").text("") //清除比较大小的信息
})
.focusout(function(){ //时区焦点触发事件
var $thisval=$(this).val().replace(/\s+/g,"");
if($thisval==""){alert(inputTipArr[0]);$(this).val("").focus();} //空值判断
else{
if(!numReg.test($thisval)){ //正则验证输入的值
alert(inputTipArr[1]);$(this).val("").focus(); //不满足条件则弹框加输入框聚焦
}
}
});
//----比较数字框数字大小
$("#compare").click(function(){
var com1=$("#com1").val().replace(/\s+/g,""),com2=$("#com2").val().replace(/\s+/g,""),tipArr=["提示：一号框数字大","提示：二号框数字大","提示：两框等值","确保两个框均已输入值！"];
if(com1==""||com2==""){alert(tipArr[3]);}
else{com1==com2?$(".compareDemo span").text(tipArr[2]):(com1>com2?$(".compareDemo span").text(tipArr[0]):$(".compareDemo span").text(tipArr[1]))}
})
})
</script>

//---------------html
<div class="compareDemo">
数字框一：<input type="text" id="com1" size="10"> 数字框二：<input type="text" id="com2" size="10"><input type="button" id="compare" value="执行比较" /> <span></span>
</div>

热心网友时间：2022-04-24 01:07

<input type="text" id="txt1" value="">
<input type="text" id="txt2" value=""><div id="msg"></div>

<input type="button" id="btn" onclick="compare()">
<script>
function compare(){
// 前提两个文本框都是数字，不在这里进行数字check了
if (parseInt($("#txt1").val() < parseInt($("#txt2").val()){
$(#msg).html("输入错误，请重新输入。")
}
}
</script>