如何获取eloqua表单下面的复选框的错误消息

Question

我有一个带有输入复选框的eloqua表单和liveValidation。 因此，复选框的错误消息显示在复选框旁边，而不是在旁边的复选框和内容下方。

尝试了多种方法来解决这个问题。

 var field2 = new LiveValidation(dom1, { validMessage: "OK!" }); field2.add(Validate.Acceptance, { failureMessage: "This field is required" }); 

 .LV_validation_message { font-weight: bold; margin: 0 0 0 5px; } .LV_valid { color: #00CC00; display: none; } .LV_invalid { color: #8e0909; font-size: 15px; font-family: 'pp-sans-small-regular', Helvetica Neue, Arial, sans-serif; font-weight: 500; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { outline: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { outline: 1px solid #8e0909; } 

 <input id="field2" name="legalCheckbox" type="checkbox" value="check" class="legalCheckbox" />&nbsp; <span class="signupCheck">{@pre type="content" key="checkbox.message" /}&nbsp; <a href=https://www.paypal.com/us/webapps/mpp/ua/privacy-full class="signupPolicy">{@pre type="content" key="checkbox.condtions" /}</a> </span> 

Answer 1

因为您在页面中没有任何id dom1 ，并且您也以错误的方式使用了dom1 。 它应该是一个像"dom1"的字符串。

这里你的输入id是field2 ，所以使用field2而不是dom1

堆栈代码段

 var field2 = new LiveValidation("field2", { validMessage: "OK!", onlyOnBlur: true }); field2.add(Validate.Acceptance, { failureMessage: "This field is required" }); 

 .LV_validation_message { font-weight: bold; margin: 0 0 0 5px; } .LV_valid { color: #00CC00; display: none; } .LV_invalid { color: #8e0909; font-size: 15px; font-family: 'pp-sans-small-regular', Helvetica Neue, Arial, sans-serif; font-weight: 500; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { outline: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { outline: 1px solid #8e0909; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://secure.eloqua.com/Include/livevalidation_standalone.compressed.js" type="text/javascript"></script> <input id="field2" name="legalCheckbox" type="checkbox" value="check" class="legalCheckbox" />&nbsp; <span class="signupCheck">signupCheck</span> 

Answer 2

LiveValidation函数包含一个名为insertAfterWhatNode的属性。

LiveValidation的文档引用：

insertAfterWhatNode（可选） - {mixed} - 要在之后插入消息的节点的引用或id（DEFAULT：正在验证的字段）

1. 在<span>标记中添加id 。
2. 在field2定义中，在insertAfterWhatNode之后添加属性insertAfterWhatNode ，并在validMessage提供<span> id。

您的代码应该类似于下面的代码段

 var field2 = new LiveValidation("field2", { validMessage: "OK!", onlyOnBlur: true, insertAfterWhatNode: "checkboxtext", }); field2.add(Validate.Acceptance, { failureMessage: "This field is required" }); 

 .LV_validation_message { font-weight: bold; margin: 0 0 0 5px; } .LV_valid { color: #00CC00; display: none; } .LV_invalid { color: #8e0909; font-size: 15px; font-family: 'pp-sans-small-regular', Helvetica Neue, Arial, sans-serif; font-weight: 500; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { outline: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { outline: 1px solid #8e0909; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://secure.eloqua.com/Include/livevalidation_standalone.compressed.js" type="text/javascript"></script> <input id="field2" name="legalCheckbox" type="checkbox" value="check" class="legalCheckbox" />&nbsp; <span class="signupCheck" id="checkboxtext">signupCheck</span>