Question

$('#formExp').append(html); 追加一组HTML 如何去判断第二组的 text值不能为空，

<script>
$(function() {
var i = 0

$('#button7').bind('click', function() {
i++;
var html = '<div id="divId0"><hr style="height: 1px; color: #333;" /><br /><table width="100%" border="0" cellpadding="0" cellspacing="0" id="tableId0"><tr><td width="50"></td><td>手机:</td><td><input name="rg_Name" type="text" id="rg_Name" size="40" /><span style="color: Red">*</span></td><td><label> <input type="button" name="btnDel" onclick="fnDel(0);" id="btnDel" value="Delete" style="background: #C00000;color: #FFF; font-weight: bold; height: 25px; border: none;padding: 5px; width: 90px;" /> </label></td></tr><tr><td> </td><td>邮箱地址:</td><td colspan="2"><input name="rg_Email" type="text" id="rg_Email" size="40" /><span style="color: Red">*</span></td></tr><tr><td> </td><td>手机:</td><td colspan="2"><input name="rg_Mobile" type="text" id="rg_Mobile" size="40" /><span style="color: Red">*</span></td></tr></table><br /></div>';
var html = html.replace('divId0', 'divId' + i).replace('tableId0', 'tableId' + i).replace('fnDel(0);', 'fnDel(' + i + ');');
$('#formExp').append(html);
});
});

function fnDel(i) {
if ($("div[id^='divId']").length == 1) {
alert('最后一个，不可删除');
}
else {
$('#divId' + i).remove();
}
}
</script>

Answer 1

<button id="button7">添加</button>
<button id="submit" onclick="verifyNotNull('formExp');">第二组为空时提示</button>
<form action="" id="formExp"></form>
<script>
        $(function() {
            var i = 0

            $('#button7').bind('click', function() {
                i++;
                var html = '<div id="divId0"><hr style="height: 1px; color: #333;" /><br /><table width="100%" border="0" cellpadding="0" cellspacing="0" id="tableId0"><tr><td width="50"></td><td>手机:</td><td><input name="rg_Name" type="text" id="rg_Name" size="40" /><span style="color: Red">*</span></td><td><label>                                        <input type="button" name="btnDel" onclick="fnDel(0);" id="btnDel" value="Delete" style="background: #C00000;color: #FFF; font-weight: bold; height: 25px; border: none;padding: 5px; width: 90px;" /> </label></td></tr><tr><td> </td><td>邮箱地址:</td><td colspan="2"><input name="rg_Email" type="text" id="rg_Email" size="40" /><span style="color: Red">*</span></td></tr><tr><td> </td><td>手机:</td><td colspan="2"><input name="rg_Mobile" type="text" id="rg_Mobile" size="40" /><span style="color: Red">*</span></td></tr></table><br /></div>';
                var html = html.replace('divId0', 'divId' + i).replace('tableId0', 'tableId' + i).replace('fnDel(0);', 'fnDel(' + i + ');');
                $('#formExp').append(html);
            });
        });

        function fnDel(i) {
            if ($("div[id^='divId']").length == 1) {
                alert('最后一个，不可删除');
            }
            else {
                $('#divId' + i).remove();
            }
        }
        
        function verifyNotNull(formId){
            var len=$('#'+formId+' div[id^="divId"]').length;
            var status=true;
            if(len>1){
                $('#'+formId+' div[id^="divId"]:eq(1) input').each(function(){
                    if(!$(this).val()){
                        status=false;
                    }
                });
                if(!status){
                    alert("第二组内容不能为空");
                }
            }else{
                return;
            }
        }
    </script>

先点击“添加”按钮，添加两组，然后点击“第二组为空时提示”按钮查看效果

追问

添加一组，然后判断是否为空，你只判断了第二组的。

追答

因为你上面说的是要判断第二组的，如果都要判断把我的方法改一下就可以了，需要我帮你改吗？如果需要我帮你改 我想问一下，是什么时候判断，是添加第二组的时候判断第一组是否为空吗？还是提交的时候一起判断所有的是否为空？

追问

你QQ多少。
我加你一下。我的Q372-755-676