<!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>
<style type="text/css">
.cl{ background-color:#FFF}
</style>
<script type="text/javascript" src='jquery.js'></script>
<script type="application/javascript">
$(function(){
//提交的验证
$("#but").click(function(){
var ob=document.getElementById('filearea');
var tktime=ob.getElementsByTagName("input");
var len=tktime.length;
for(i=0;i<len;i++){
if(tktime[i].value=="" || tktime[i].value=='null'){
alert("指定时间不能为空");
return false;
}else{
var rege=/^[0-9]{6}$/gi;
if(!rege.test(tktime[i].value)){
alert('指定时间必须是6位数字，指定时间为HHMISS!');
return false;
}
for(j=i+1;j<len;j++){
if(tktime[i].value==tktime[j].value){
alert("请检查，输入的指定时间不能重复！");
return false;
}
}
}
}
});
});
function checkRowsLimit(){
var rowLimit = 10;
var len=document.getElementById('filearea').rows.length;
if(len==rowLimit) {
alert('抱歉，为了您主页美观，只能添加这么多条目了。');
return false;
} else {
return true;
}
}
function addNewRow(){
var obj=document.getElementById('filearea');
var row=obj.insertRow(-1);
var c0=row.insertCell(0);
c0.innerHTML='<input type=text size="3" style="width:300px" name="tasktime[]" class="tasktime" onpropertychange=changeFlagValue()/>';
c0.align='left';
var c1=row.insertCell(1);
c1.innerHTML="<font size='4' color='red'>时间格式为HHMISS</font>";
c1.align='left';
var c2=row.insertCell(2);
c2.innerHTML='<a href="javascript:void(0)" onclick="removeRow(this)"><img src="cut_2.png" border="0" /></a>';
changeFlag = true;
try {
comm_set_page_height();
}
catch (e){
}
}
function removeRow(fontobj){
if(confirm("确定取消该项吗?"));
{
var obj=document.getElementById('filearea');
var n=fontobj.parentNode.parentNode.rowIndex;
obj.deleteRow(n);
}
}
//checktktime
function checktktime(){
var ob=document.getElementById('filearea');
var tktime=ob.getElementsByTagName("input");
var len=tktime.length;
for(i=0;i<len;i++){
for(j=i+1;j<len;j++){
if(tktime[i].value==tktime[j].value){
//$tmp = $arr[$j];
//$arr[$j] = $arr[$i];
//$arr[$i] = $tmp;
alert("输入的时间不能重复");
return false;
}
}
}
}
</script>
</head>
<body>
<div style='margin-left:12px;width:75%;border:1px;float:left'>
<form action="task.php" method="post" id=myform name=myform enctype="multipart/form-data">
<table width='100%' border='0' cellpadding='5' cellspacing='1' bgcolor="#CCCCCC" id="tbname">
<tr bgcolor="#ffffff">
<td align='right' bgcolor="#f5f5f5"><span class="z_red">*</span> <strong>指定时间：</strong></td>
<td align='left' bgcolor="#ffffff">
<table width="500" border="0" id="filearea" align="left">
<tr>
<td align='left'><input type='text' style='width:300px' name='tasktime[]' class='tasktime' onpropertychange=changeFlagValue()/></td>
<td align='left'><font color=red size='4'>时间格式为HHMISS</font></td>
<td><a href="#" onClick="if(checkRowsLimit()){addNewRow();changeFlag=true}" title="点击后在上面添加的输入框"><img src="add_2.png" border="0"/></a></td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#ffffff">
<td height="30" colspan="2" align='center' bgcolor="#ffffff">
<input type="submit" name="submit" id="but" value="提交"/>
</td>
</tr>
</table>
<input type="hidden" id="flag" name="flag" value="true"/>
</form>
</div>
</body>
</html>
js点击连续添加input输入框并且判断值
5星 · 超过95%的资源 需积分: 32 118 浏览量
2013-06-25
14:31:23
上传
评论
收藏 33KB RAR 举报 
js点击连续添加input输入框并判断.rar （4个子文件） 
js点击连续添加input输入框并判断 
cut_2.png 343B
task.html 4KB add_2.png 434B
jquery.js 89KB资源评论
xiting_tick2016-03-25很好，对我有用
IT2015-03-09很给力的样子- qzs4543055102013-12-19很好，对我有用
- ls_8631822015-03-23不错 ，可以用！！！
