Jquery 动态添加按钮实现代码
点击添加 动态添加两个文本框: 分别表示x和y的值,点击取消 删除本行的2个文本框
记得要引入jquery.js
复制代码 代码如下:
$(function() {
$("#btnMian").click(function() {
//生成 0 到100000 随机数 Mapth.random产生 0到1的随机数 然后乘以100000
var maxNumber = 100000;
var randomNumber = Math.round(maxNumber * Math.random());
// alert(randomNumber);
var s = "";
s += "
s += "
";s += "
";s += "
";s += "
";s += "
取消 ";var $mm = $(s);
var $parent = $("#mian");
$parent.append($mm);
})
})
function del(aa) {
$("#mian>table[name=" + aa + "]").remove();
}
function checkForm() {
var txtItemName = $("#txtItemName").val();
if (txtItemName.replace(/[\s]/g, '').length < 1) {
$("#lblMess").html("请输入项目名称");
$("#lblMess").addClass("onBlurClassError");
return false;
}
var txtItemId = $("#txtItemId").val();
if (txtItemId.replace(/[\s]/g, '').length < 1) {
$("#lblMess").html("请输入项目编号");
$("#lblMess").addClass("onBlurClassError");
return false;
}
var txtUser = $("#txtUser").val();
if(txtUser.replace(/[\s]/g,'').length<1)
{
$("#lblMess").html("请输入巡查人员");
$("#lblMess").addClass("onBlurClassError");
return false;
}
//循环遍历 文本框的值
var zheng = new RegExp("(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$");
var flag = true;
$("[name='m1']:text").each(function() {
if ($(this).val().replace(/[\s]/g, '').length < 1) {
$("#lblMess").html("请输入 面 的坐标值!");
$("#lblMess").addClass("onBlurClassError");
// return false;
flag = false;
}
else {
if (!zheng.test($(this).val())) {
$("#lblMess").html("请输入正确的 面 的坐标值!");
$("#lblMess").addClass("onBlurClassError");
//return false
flag = false;
}
}
})
if (flag == false) {
return false;
}
var mian = $("#txtMianInfo").val();
if (mian.replace(/[\s]/g).length < 1) {
$("#lblMess").html("请输入面的描述");
$("#lblMess").addClass("onBlurClassError");
return false;
}
return true;
}
html代码
复制代码 代码如下:
项目名称 | |||
面描述: | |||
javascript循环数组的方法
JavaScript判断浏览器类型及版本
ASP.NET 页面刷新的实现方法(包括html,js)
私有属性和使用JavaScript的信息隐藏
ubuntu英文环境下使用小企鹅
jQuery 使用手册(三)
win7中如何设计文件的打开方式
SQLSERVER2005 中树形数据的递归查询
使用php通过socket进行发信源码,支持发信认证
关于DOCTYPE的一些了解
php 生成饼图 三维饼图
linux chown与chmod命令的区别
JS教程:lightbox源码解析
sql2000 卸载后重新安装时不能安装的解决办法