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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了急求!jquery或者就是比较两个文本框数字大小,提示语要在文本框后边相关的知识,希望对你有一定的参考价值。

请写下详细代码,谢谢大家了

我写得应该很详细咯,希望能帮到你哈,不懂的话百度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]);
elsecom1==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>
参考技术A <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>

javascript 如何获取表单中所有文本框

javascript
如何获取表单中所有文本框
不用jquery
文本框name,id全不相同

先获取到form表单
然后获取表单中所有input标签,循环判断获取到的input的type,如果没有type,或者type是text,或者type为空 的就是文本框了

var inputs = document.getElementById("form的id").getElementsByTagNames("input");
var ls = [];
for(var i=0;i<inputs.length;i++)

var type = inputs[i].getAttribute("type")
if(!type||type==""||type=="text")

(function(ele)
ls[ls.length] = ele
(inputs[i]))


ls里就是所有文本框了
参考技术A var inps = document.getElementsByTagName("input");
inps就是所有文本框DOM的数组
参考技术B function GetAllText()
var texts=document.forms[name].document.getElementsByTagName("input");
for(var i=0;i<texts.length;i++)
if(texts[i].type=="text")
texts[i].value="";


 

参考技术C document.getElementByTagName('input')

以上是关于急求!jquery或者就是比较两个文本框数字大小,提示语要在文本框后边的主要内容,如果未能解决你的问题,请参考以下文章

前端jquery怎么限制文本框输入数字的大小

html中,怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。

JQUERY 一个文本框,限制只能输入百分比或者货币类型

请问如何用javascript判断比较两个文本框输入的日期值大小(在JSP文件中)

如何用jquery验证文本框只能输入字母数字和下划线

我现在有两个文本框text,第一个选择了日期,第二个自动显示第一个日期加上280天,要求用js或者jquery实现