急求!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全不相同
然后获取表单中所有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或者就是比较两个文本框数字大小,提示语要在文本框后边的主要内容,如果未能解决你的问题,请参考以下文章
html中,怎样用js或者jQuery去判断文本框输入的文本内容超过了文本框的宽度。