欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery遍历.each

程序员文章站 2022-05-03 19:57:33
...
[url=http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp]http://www.w3school.com.cn/jquery/jquery_ref_traversing.asp[/url]


<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#addPositionToChipBtn").click(function(){
var index=0;
var validateVal;
var flag=true;
$(".pictext").each(function(){

if(flag){
validateVal=$(this).val();
alert("validateVal:"+validateVal);
flag=validateValFormate(validateVal,index++);
}
});
alert("flag:"+flag);
if(flag){
addPositionToChip();
}
});
});

//验证数据的格式
var formateReg=/^\d+\.\d+$/;
function validateValFormate(validateVal,index){
if(!validateVal.trim()==""){
if(!formateReg.test(validateVal)){
$("#tip"+index).html("數據格式必須為小數!");
return false;
}else{
$("#tip"+index).html("");
return true;
}
}else{
$("#tip"+index).html("不能為空,請輸入數據!");
return false;
}
}
</script>
</head>
<body>
<input type="button" value="確 定" class="queding" id="addPositionToChipBtn"/><br>
<input type="text" class="pictext"/>
<div class="Prompt" id="tip0" ></div>
<input type="text" class="pictext"/>
<div class="Prompt" id="tip1" ></div>
<input type="text" class="pictext"/>
<div class="Prompt" id="tip2" ></div>

</body>
</html>





.
相关标签: jquery each