ตัวอย่าง code ค่ะแต่ เช็คค้าได้แค่แถวแรกแถวเดียวค่ะ แต่ถ้ามีการดึงมาหลายแถวและต้องการให้เช็คค่าต้อง loop อย่างไรคะ
<script language="javascript">
function ch2()
{
var id_department = document.getElementById('id_department');
var part = document.getElementById('part');
var a = parseFloat(document.frMain.total2.value);
var c = parseFloat(document.frMain.num.value);
var d = parseFloat(document.frMain.finish.value);
var b = (a+d);
if(a > c)
{
document.frMain.total2.focus();
alert('ใส่จำนวนกระสอบเกินค่ะ');
return false;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function ch(){
var r = $(".rowdata").length;
for(i=0;i<r;i++){
var obj = $(".rowdata").eq(i);
var c = parseFloat(obj.find("input").eq(0).val());
var a = parseFloat(obj.find("input").eq(1).val());
var d = parseFloat(obj.find("input").eq(2).val());
console.log(a+' '+c+' '+d);
if(c > a)
{
var aws = obj.find("td").eq(obj.find("td").length-1);
aws.html("ใส่จำนวนกระสอบเกินค่ะ").hide().fadeIn();
}
}
}
</script>
<style type="text/css">
.ex1{background-color:#D0D0D0;font-family: Tahoma; font-size:12px;}
.ex2{font-family: Tahoma; font-size:12px;color:#FF0000;}
</style>
</head>