<!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" />
<title>无标题文档</title>
</head>
<script>
function total(element){
var price=document.getElementById('price');
var fueltax=document.getElementById('fueltax');
//alert(fueltax.value);
var airporttax=document.getElementById('airporttax');
var total_price=Number(price.value)+Number(element)+Number(fueltax.value)+Number(airporttax.value);
document.getElementById("insurance_tax").innerHTML = "(¥" + element + ")";
document.getElementById("total_price").innerHTML = "(¥" + total_price + ")";
}
function add() {
var table = document.getElementById("tab");
var tablerow = table.insertRow();
var tablecell = tablerow.insertCell();
if (table.rows.length > 9) {
alert('最大只能添加9个客户!');
}
else {
//blue_bg
//class=main-tableline
//alert(table.rows.length);
tablecell.innerHTML = "乘客姓名";
tablecell.className = "blue_bg";
tablecell = tablerow.insertCell();
//alert("<input id=\"txtName" + table.rows.length + "\" name='PassengerName[]' type='text' style='width:70px' maxlength='50' class='cx-input' onFocus=\"ShowGetClient(this);\" onKeyUp=\"ShowGetClient(this);\" onkeydown=\"keydownvalue(this);\" />");
tablecell.innerHTML = "<input id=\"txtName" + table.rows.length + "\" name='PassengerName[]' type='text' style='width:70px' maxlength='50' class='cx-input' onFocus=\"ShowGetClient(this);\" onKeyUp=\"ShowGetClient(this);\" onkeydown=\"keydownvalue(this);\" />";
tablecell.className = "main-tableline";<!--<input id="txtName" name="PassengerName[]" type="text" style="width: 70px" maxlength="50" class="cx-input"--> }
} function del() {
var table = document.getElementById("tab"); if (table.rows.length == 1) {
alert('默认记录不能删除!');
}
else {
table.deleteRow(table.rows.length - 1);
}
}
function getValue() { //alert(document.getElementByName("PassengerName").value);
//alert(document.getElementById("PassengerName").rows.length);
var table = document.getElementById("tab");
alert(table.rows.length);
for (var i = 0; i < table.rows.length; i++) {
alert(i);
var txts_name =table.rows[i].cells[1].getElementsByTagName("input");
alert(txts_name[1].value);
if (txts_name[1].value == "") {
alert('请输入姓名!');
return false;
break;
}
else {
// document.getElementById("PassengerName").value += "," + txts_name[0].value;
}
}
//alert(document.getElementByName("PassengerName[]").value);
if (document.getElementById("PassengerName[]").value == "") {
alert("乘客姓名不能为空");
document.getElementById("PassengerName[]").focus();
return false;
}
alert(document.getElementById("mobilphone").value);
if (document.getElementById("mobilphone").value == "") {
alert("手机号码不能为空,请输入11位手机号码。");
document.getElementById("mobilphone").focus();
return false;
}
if (/^(13[0-9]|15[0-9]|18[6|7|8|9])\d{8}$/.test(document.getElementById("mobilphone").value) == false) {
alert("手机号码格式不正确,请重新输入。");
document.getElementById("mobilphone").focus();
return false;
}
}
</script>
<body>
<form method="post" name="form_user" id="form_user" action="/index.php/ticket/ticket_order_confirm?action=confirm" onsubmit="return getValue();">
<div class="box" style="margin-top:10px">
<table border="0" cellpadding="0" cellspacing="0" class="normal" id="tab">
<tr>
<td class="blue_bg">
乘客姓名
</td>
<td class="tbl_inputcol">
<input type="hidden" name="innertext" id="innertext" class="innertext" style="width:150px;" />
<!-- <input type="text" name="username" id="username" size="15" onfocus="ajaxInputInit(this,'user_id','/index.php/user/ajaxSearchUser/?act=like', 1, false, 1, 'searchUser');" autocomplete="off"/>-->
<input id="txtName" name="PassengerName[]" type="text" style="width: 70px" maxlength="50" class="cx-input" onfocus="ajaxInputInit(this,'user_id','/index.php/ticket/ajaxSearchUser/?act=like', 1, false, 1, 'searchUser');" autocomplete="off" />
</td>
<td class="main-tableline2">
<input type="button" name="Submit1" value="+" onclick="add()" id="Button1" />
<input type="button" name="Submit2" value="-" onclick="del()" />
</td>
</tr>
</table>
</div>
<div id="mytable2">
<fieldset>
<legend>旅客信息</legend>
<table class="table_form" width="100%">
<tbody>
<tr>
<td width="20%"> 手机号码(必填):</td>
<td width="80%">
<input type="text" value="" name="mobilphone" />
</td>
</tr>
<tr>
<td width="20%">备注:</td>
<td width="80%">
<textarea id="notecontent"></textarea>
</td>
</tr>
</tbody>
</table>
<div style="text-align:left; margin-left:250px; margin-top:10px"><input id="dosubmit" class="dialog" type="submit" value="下一步" name="dosubmit" ></div>
</fieldset>
</form>
</body>
</html>
这个直接复制到html就可以测试了 总要是 getValue() 这个脚本不知如何判断而已
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
function total(element){
var price=document.getElementById('price');
var fueltax=document.getElementById('fueltax');
//alert(fueltax.value);
var airporttax=document.getElementById('airporttax');
var total_price=Number(price.value)+Number(element)+Number(fueltax.value)+Number(airporttax.value);
document.getElementById("insurance_tax").innerHTML = "(¥" + element + ")";
document.getElementById("total_price").innerHTML = "(¥" + total_price + ")";
}
function add() {
var table = document.getElementById("tab");
var tablerow = table.insertRow();
var tablecell = tablerow.insertCell();
if (table.rows.length > 9) {
alert('最大只能添加9个客户!');
}
else {
//blue_bg
//class=main-tableline
//alert(table.rows.length);
tablecell.innerHTML = "乘客姓名";
tablecell.className = "blue_bg";
tablecell = tablerow.insertCell();
//alert("<input id=\"txtName" + table.rows.length + "\" name='PassengerName[]' type='text' style='width:70px' maxlength='50' class='cx-input' onFocus=\"ShowGetClient(this);\" onKeyUp=\"ShowGetClient(this);\" onkeydown=\"keydownvalue(this);\" />");
tablecell.innerHTML = "<input id=\"txtName" + table.rows.length + "\" name='PassengerName[]' type='text' style='width:70px' maxlength='50' class='cx-input' onFocus=\"ShowGetClient(this);\" onKeyUp=\"ShowGetClient(this);\" onkeydown=\"keydownvalue(this);\" />";
tablecell.className = "main-tableline";<!--<input id="txtName" name="PassengerName[]" type="text" style="width: 70px" maxlength="50" class="cx-input"--> }
} function del() {
var table = document.getElementById("tab"); if (table.rows.length == 1) {
alert('默认记录不能删除!');
}
else {
table.deleteRow(table.rows.length - 1);
}
}
function getValue() { //alert(document.getElementByName("PassengerName").value);
//alert(document.getElementById("PassengerName").rows.length);
var table = document.getElementById("tab");
alert(table.innerHTML);
alert("行数:"+table.rows.length);
for (var i = 0; i < table.rows.length; i++) {
alert("当前行:"+i);
var txts_name =table.rows[i].cells[1].getElementsByTagName("input");
var cellHtml= table.rows[i].cells[1].innerHTML;
var tv= txts_name[0];
alert("内容:"+cellHtml);
if (txts_name[0].value == "") {
alert('请输入姓名!');
return false;
break;
}
else {
continue;
// document.getElementById("PassengerName").value += "," + txts_name[0].value;
}
}
//alert(document.getElementByName("PassengerName[]").value);
if (document.getElementById("PassengerName[]").value == "") {
alert("乘客姓名不能为空");
document.getElementById("PassengerName[]").focus();
return false;
}
alert(document.getElementById("mobilphone").value);
if (document.getElementById("mobilphone").value == "") {
alert("手机号码不能为空,请输入11位手机号码。");
document.getElementById("mobilphone").focus();
return false;
}
if (/^(13[0-9]|15[0-9]|18[6|7|8|9])\d{8}$/.test(document.getElementById("mobilphone").value) == false) {
alert("手机号码格式不正确,请重新输入。");
document.getElementById("mobilphone").focus();
return false;
}
}
</script>
<body>
<form method="post" name="form_user" id="form_user" action="/index.php/ticket/ticket_order_confirm?action=confirm" onsubmit="return getValue();">
<div class="box" style="margin-top:10px">
<table border="0" cellpadding="0" cellspacing="0" class="normal" id="tab">
<tr>
<td class="blue_bg">
乘客姓名
</td>
<td class="tbl_inputcol">
<!-- <input type="text" name="username" id="username" size="15" onfocus="ajaxInputInit(this,'user_id','/index.php/user/ajaxSearchUser/?act=like', 1, false, 1, 'searchUser');" autocomplete="off"/>-->
<input id="txtName" name="PassengerName[]" type="text" style="width: 70px" maxlength="50" class="cx-input" onfocus="ajaxInputInit(this,'user_id','/index.php/ticket/ajaxSearchUser/?act=like', 1, false, 1, 'searchUser');" autocomplete="off" />
</td>
<td class="main-tableline2">
<input type="hidden" name="innertext" id="innertext" class="innertext" style="width:150px;" />
<input type="button" name="Submit1" value="+" onclick="add()" id="Button1" />
<input type="button" name="Submit2" value="-" onclick="del()" />
</td>
</tr>
</table>
</div>
<div id="mytable2">
<fieldset>
<legend>旅客信息</legend>
<table class="table_form" width="100%">
<tbody>
<tr>
<td width="20%"> 手机号码(必填):</td>
<td width="80%">
<input type="text" value="" name="mobilphone" />
</td>
</tr>
<tr>
<td width="20%">备注:</td>
<td width="80%">
<textarea id="notecontent"></textarea>
</td>
</tr>
</tbody>
</table>
<div style="text-align:left; margin-left:250px; margin-top:10px"><input id="dosubmit" class="dialog" type="submit" value="下一步" name="dosubmit" ></div>
</fieldset>
</form>
</body>
</html>把隐藏控件<input type="hidden" name="innertext" id="innertext" class="innertext" style="width:150px;" />放到tab外面
不然第一行有两input,而后面都只有一个,放里面也行就放到txtName后获取txts_name[0]下标第一个