js动态添加行保持jquery easyui 验证特效
来源:互联网 发布:重生之君颜网络剧免费 编辑:程序博客网 时间:2024/05/29 17:24
function addRow()
{
var tbl = document.getElementById('tblSample');//tblSample是table的id
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
// right cell
var cellRight = row.insertCell(0);
cellRight.innerHTML='<span class="STYLE1"><input type="text" size="30" id="linkman'+i+'" name="linkman"/></span>';
$('#linkman'+i).validatebox({
required:true
});
var cellRightSel = row.insertCell(1);
cellRightSel.innerHTML = '<span class="STYLE1"><input type="text" size="30" id="linkphone'+i+'" name="linkphone"/></span>';
$('#linkphone'+i).validatebox({
required:true
});
var cellRight = row.insertCell(2);
cellRight.innerHTML='<span class="STYLE1"><input type="text" size="30" id="linkduty'+i+'" name="linkduty"/></span>';
$('#linkduty'+i).validatebox({
//alert("chishihua");
required:true
});
var cellRight = row.insertCell(3);
cellRight.innerHTML='<span class="STYLE1"><input type="text" size="30" name="memo"/></span>';
var cellRight = row.insertCell(4);
cellRight.innerHTML='<span class="STYLE1"><input type="button" id="drop'+i+'" onclick="deleterow('+i+')" value="删除"></span>';
i++;
}
<table width="100%" border="0" cellspacing="1" cellpadding="5" id="tblSample">
<tr>
<td align="center" bgcolor="#f2f2f2">联系人</td>
<td align="center" bgcolor="#f2f2f2">联系电话</td>
<td align="center" bgcolor="#f2f2f2">联系人职务</td>
<td align="center" bgcolor="#f2f2f2">备注</td>
<td align="center" bgcolor="#f2f2f2"><input type="button" name="button" id="button" value="添加" onclick="addRow()"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><span class="STYLE1">
<input name="linkman" type="text" size="30" class="easyui-validatebox" required id="linkman">
</span></td>
<td bgcolor="#FFFFFF"><span class="STYLE1">
<input name="linkphone" type="text" class="easyui-validatebox" required size="30" id="linkphone">
</span></td>
<td bgcolor="#FFFFFF"><span class="STYLE1">
<input name="linkduty" type="text" class="easyui-validatebox" required size="30">
</span></td>
<td bgcolor="#FFFFFF"><span class="STYLE1">
<input name="memo" type="text" size="30" >
</span></td>
<td bgcolor="#FFFFFF"><span class="STYLE1">
</span></td>
</tr>
</table>
- js动态添加行保持jquery easyui 验证特效
- EasyUI中,使用jquery或者js动态添加元素,验证失效的解决办法
- jquery.easyui添加表单验证
- JS+jQuery+Easyui实现动态添加控件及赋值
- jQuery easyui validatebox 添加验证类型
- jQuery easyui validatebox 添加验证类型2
- jquery动态添加验证规则
- jquery easyui 如何动态添加option选项
- JQuery EasyUI combobox动态添加option
- JQuery EasyUI combobox动态添加option
- JQuery EasyUI combobox动态添加option
- JQuery EasyUI combobox动态添加option
- JQuery EasyUI combobox动态添加option
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- JS & JQuery 动态添加 option
- js中动态添加长字符串,并保持换行
- centos6.3 使用yum方式安装redis
- php json_encode 中文乱码的解决方法
- 中断服务程序
- 高性能网络编程七--tcp连接的内存使用
- MFCC(语音特征参数)
- js动态添加行保持jquery easyui 验证特效
- 每天都在纠结
- Live555 Streaming Media学习(一)——openRTSP分析
- Map 取出内容有用代码
- 计数排序
- LLE((locally linear embedding) 局部线性嵌入算法,一种降维方法
- json2.js处理javascript json数据
- ARM处理器NEON编程及优化技巧——矩阵乘法的实例
- 像过去一样