jQuery添加

本文介绍了一个使用JavaScript实现的表单验证功能,并通过jQuery实现了动态向表格中添加行的功能。验证包括对用户名和生日字段的非空检查,若验证通过,则将表单数据以新行的形式添加到页面中的表格内。

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

function add(){
                var b1 = false;
                var b2 = false;
                var v_name = $("#uname").val();
                var v_sex = $("#usex").val();
                var v_birth = $("#birth").val();
                var v_bcity = $("#b_city").val();
                var cs = $("#a_city option:selected").html();
                if(v_name==""){
                    b1 = false;
                    alert("用户名不能为空!")
                }else{
                    b1 = true;
                }
                if(v_birth==""){
                    b2 = false;
                    alert("生日不能为空")
                }else{
                    b2 = true;
                }
                if(b1==false||b2==false){
                    alert("输入信息有误")
                }else{
                    $("#tab").append("<tr>" +"<td><input type='checkbox' name='ck' ></td>" +"<td>" + v_name +"</td>" +"<td>" + v_sex +"</td>" +"<td>" + v_birth +"</td>" +"<td>" + cs + "-" + v_bcity +"</td>" +"<td><input type='button' onclick='return del(this)' value='删除'></td>" +
                    "</tr>");
                }

            }

姓名:<input type="text" id="uname"/>&nbsp;&nbsp;&nbsp;
        性别:<select id="usex">
            <option>请选择</option>
            <option>男</option>
            <option>女</option>
        </select>&nbsp;&nbsp;&nbsp;
        生日:<input type="text" id="birth"/>&nbsp;&nbsp;&nbsp;
        住址:<select id="a_city">
            <option value="0">北京</option>
            <option value="1">河北</option>
        </select>
        <select id="b_city">
        </select>&nbsp;&nbsp;&nbsp;
        <button onclick="add()" class="btn01">添加</button><br /><br />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值