js拼接id、拼接传参、输入框数字效验、函数二次确认

真实项目改编,百分百实用。
js拼接id、拼接函数参数
function querylist() {
    var pageSize = 14;
    $.ajax({
        url:"url",
        type:"post",
        data:{pageNo:pageNo,pageSize:pageSize},
        success:function(data){
            var listr = data.data;
            if(data.code == "10000"){
                var html="<tr></tr>";
                var totalCount = data.total;
                pages = Math.ceil(totalCount/pageSize);
                var j = 1;
                for(var i in listr){
                    html = html + "<tr><td>"+j+"</td>"+
                        "<td><input type='text' id=\"m"+listr[i].id+"\" value='"+listr[i].money+"' maxlength='10' onkeyup=\"(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)\" onblur=\"this.v();\"/></td>"+
                        "<td><input type='text' id=\"mn"+listr[i].id+"\" value='"+listr[i].moneyunit+"' maxlength='5'/></td>"+
                        "<td><input type='text' id=\"g"+listr[i].id+"\" value='"+listr[i].gold+"' maxlength='10' onkeyup=\"(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)\" onblur=\"this.v();\"/></td>"+
                        "<td><input type='text' id=\"gn"+listr[i].id+"\" value='"+listr[i].goldunit+"' maxlength='10'/></td>"+
                        "<td><div style='color: #1b65c3;cursor: pointer ' onclick='update(\""+listr[i].id+"\")'>保存</div></td>"+
                        "<td><div style='color: #1b65c3;cursor: pointer' onclick='delete(\""+listr[i].id+"\")'>删除</div></td></tr>";
                    j++;
                }
                $("#TableData").html(html);
                var newText1 = "共" + totalCount + "条" ;
                $("#pagenum1").text(newText1);
                var newText2 = "共" + pages + "页" ;
                $("#pagenum2").text(newText2);
                var newText3 = "第" + pageNo + "页" ;
                $("#pagenum3").text(newText3);
            }else{
                alert(data.message);
            }
        }
    });
}

  //通过拼接id,获取指定输入框的值

function update(id,gfname) {
    var msg = "您确定要保存当前充值金额吗?\n\n请确认!";
    if (confirm(msg)==true){
        var money = $("#m"+id).val().trim();
        var moneyunit = $("#mn"+id).val().trim();
        var gold = $("#g"+id).val().trim();
        var goldunit = $("#gn"+id).val().trim();
        $.ajax({
            url:"url",
            type:"post",
            data:{id:id,money:money,moneyunit:moneyunit,gold:gold,goldunit:goldunit},
            success:function(data){
                if(data.code == "10000"){
                    alert(data.message);
                    querylist();
                }else{
                    alert(data.message);
                }
            }
        });
        return true;
    }else{
        return false;
    }
}

可修改任意输入框的值,点击保存调用更新函数保存数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值