我用JAVASCRIPT动态增加表格后(表格中有文本框),点击提交时,要判断文本框中的内容是否为空,如何为空,给出提示?
代码如下,
<form action="add-car-weixiu-neirong-submit.asp" method="post" name="form1" target="_blank"> <input type="button" name="Submit" value=" 增 加 项 目 " onclick="AddRecord()" >
<script>
function delRow(btn){
var tr = btn.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
function AddRecord()
{
var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texta' size='25' value=''>";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='textb' size='15' value=''>";
col = row.insertCell(2);
col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";
col = row.insertCell(3);
col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";
}
</script>
<input type="submit" name="Submit2" value=" 保存项目 ">
求判断文本框为空代码?谢谢
代码如下,
<form action="add-car-weixiu-neirong-submit.asp" method="post" name="form1" target="_blank"> <input type="button" name="Submit" value=" 增 加 项 目 " onclick="AddRecord()" >
<script>
function delRow(btn){
var tr = btn.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
function AddRecord()
{
var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texta' size='25' value=''>";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='textb' size='15' value=''>";
col = row.insertCell(2);
col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";
col = row.insertCell(3);
col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";
}
</script>
<input type="submit" name="Submit2" value=" 保存项目 ">
求判断文本框为空代码?谢谢
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>
<body>
<input type="text" onblur="isEmpty(this);" />
<script type="text/javascript">
function isEmpty(txt){
var value = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
if(value.length == 0){
alert("不能为空!");
return false;
}
return true;
}
</script>
</body>
</html>
{
var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texta' id='texta' size='25' value=''>";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='textb' id='textb' size='15' value=''>";
col = row.insertCell(2);
col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";
col = row.insertCell(3);
col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";
} function isEmpty(txt){
var v = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
if(v.length == 0){
alert("不能为空!");
txt.focus();
return false;
}
return true;
} function subValidate(){
var txt = document.getElementById("texta");
return isEmpty(txt);
txt = document.getElementById("textb");
}
</script>
<input type="submit" name="Submit2" value=" 保存项目 " onclick="return subValidate();">
{
var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texta' id='texta' size='25' value=''>";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='textb' id='textb' size='15' value=''>";
col = row.insertCell(2);
col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";
col = row.insertCell(3);
col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";
} function isEmpty(txt){
var v = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
if(v.length == 0){
alert("不能为空!");
txt.focus();
return false;
}
return true;
} function subValidate(){
var txt1 = document.getElementById("texta");
var txt2 = document.getElementById("textb");
return isEmpty(txt1)&&isEmpty(txt2);
}
</script>
<input type="submit" name="Submit2" value=" 保存项目 " onclick="return subValidate();">
function AddRecord()
{
var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texta' id='texta' size='25' value=''>";
col = row.insertCell(1);
col.innerHTML = "<input type='text' name='textb' id='textb' size='15' value=''>";
col = row.insertCell(2);
col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";
col = row.insertCell(3);
col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";
} function isEmpty(txt){
var v = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
if(v.length == 0){
alert("不能为空!");
txt.focus();
return false;
}
return true;
} function subValidate(){
var txts = activeTable.getElementsByTagName("input");
for(var i=0;i<txts.length;i++){
if(txts[i].type.toLowerCase() == "text" && !isEmpty(txts[i])){
return false;
}
}
return true;
}
</script>
<input type="submit" name="Submit2" value=" 保存项目 " onclick="return subValidate();">