2个回答
展开全部
我写得应该很详细咯,希望能帮到你哈,不懂的话百度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>
////----------------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>
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询