用js判断表格是否为空,如不为空则光标调至input内!!!

本文介绍了一种用于动态表格的非空验证方法,该方法通过遍历表格中的每一行及每行内的输入字段来检查是否有未填写的内容。若发现空值,则会高亮显示并阻止表单提交。

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

表格非空校验

最近在动态表格时,需要提交前需要校验表格是否为空,如不为空则光标调至表格内,由于项目里校验用的是easy ui校验,表格应该也有相应的校验,百度了半天没整明白,就自己写了一个校验!!!

/**表格不为空验证*/
var tender_check_notempty = function () {
    //获取所有tr
    var trs=$("#operation_tender").find("tr");
    var  isreturn =true;
    //遍历trs
    trs.each(function () {
        //获取当前tr下所有input
        var inputs=$(this).find("input");
        //遍历inputs
        inputs.each(function () {
                var t_value=$(this).val();
                if(t_value==""){
                    $(this).focus();
                    $("#czjy_yz").html("<spring:message code='prompt.information'/>");
                    $("#czjy_yz").css("display", "inline");
                    isreturn= false;
                }
            })
    });
    return isreturn;
}

思路:

      1.先根据id获取tbody下所有trs;

      2.遍历trs,获取每一个tr下的input;

      3.遍历inputs,获取当前input值;

      4.如果为空,调用$(this).focus();将光标调至当前表格,修改开关状态,这个开关作为一个标志,会在点击提交按钮的事件中去用;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值