php 点按钮添加一个文本框,jQuery_Jquery 动态添加按钮实现代码,点击添加 动态添加两个文本框 - phpStudy...

这篇博客介绍了如何使用Jquery动态添加两个用于输入x和y值的文本框,并实现了点击添加和取消删除的功能。同时,文章还展示了如何进行表单验证,确保输入的面的坐标值为有效数字。提供了详细的代码示例和验证函数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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 卸载后重新安装时不能安装的解决办法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值