jquery遍歷.each

[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>





.
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章