jQuery中的动态字段验证

jQuery中的动态字段验证,jquery,validation,Jquery,Validation,我想使用jQuery对表中的进行动态验证。必须对每个字段执行空验证。不应使用验证插件 表格的HTML代码: : A. B : 单击“添加”,行将动态添加。我可以对第一行进行验证,但不能动态验证。请帮忙 我的添加代码: 函数addRow{ var$rowObj=$stutdent tr:first; $rowObj.clone.insertAfter$rowObj; $'.add_btn',$rowObj.replaceWith'Del';//从上一个tr中删除按钮,否则每一行都会有它。 } 能够

我想使用jQuery对表中的进行动态验证。必须对每个字段执行空验证。不应使用验证插件

表格的HTML代码:

: A. B : 单击“添加”,行将动态添加。我可以对第一行进行验证,但不能动态验证。请帮忙

我的添加代码:

函数addRow{ var$rowObj=$stutdent tr:first; $rowObj.clone.insertAfter$rowObj; $'.add_btn',$rowObj.replaceWith'Del';//从上一个tr中删除按钮,否则每一行都会有它。 } 能够动态验证消息 我的新问题:消息不会显示在字段下,而是显示在字段旁边 必须在每个字段下方显示 好心帮忙 我的验证代码: 函数validateNewDockGatefromScreen{ $tr.dynamicCrow.eachfunction{ var d=$this.find.studentCreateSelect.val; ifd== 有效=错误; $this.find.studentCreateSelect.after请选择学生id; var e=$this.find.sNameList.val; ife== 有效=错误; $this.find.sNameList.after请选择学生id; }; }
当您有多个元素时,您应该切换到类选择器ID选择器仅对第一次出现有效。因此,将studentCreateSelect更改为.studentCreateSelect,然后:

$("tr.dynamicRow").each(function() { 
    var d = $(this).find(".studentCreateSelect").val(); 
    if(d === "") {
        valid = false; 
        $(this).after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please select Student id</div>"); 
    }
}); 

注意:.after不是TR元素的有效用法。它将打破桌子的结构。您还需要找到另一种显示警报的方法,例如在选择元素后添加警报。

我的问题的答案: var student=$this.find.studentCreateSelect.val;
使用此选项可以动态验证消息。

使用深度克隆,它也将复制偶数处理程序。比如$rowObj.clonetrue.insertAfter$rowObj;好的..如何为下拉/文本字段添加验证?我的验证代码部分:$tr.dynamicRow.eachfunction{var d=$studentCreateSelect.val;如果$studentCreateSelect.val===valid=false;$studentCreateSelect.after请选择学生id;};您的第一个问题已解决?我的问题是为字段动态添加验证。行正在添加,但验证无法动态执行。必须仅执行表单验证主要检查任何字段中的值是否不为null。请告知。我没有名为studentCreateSelect的类属性。下面是我的此下拉列表代码:A B对多个元素使用相同ID是无效的,但是我的答案可能也适用于ID选择器,因为它正在使用。在单个TRs中查找,并且没有多个ID。@PadmajaIn在我的情况下,我们有多个ID。如何显示我的验证多个ID的消息?一个表行包含一组下拉列表和文本框。如何在每个字段下单击“保存”动态显示验证消息。
var d = $(this).find("select").val();