Jquery 表单验证自定义错误放置在 <div> 容器中

标签 jquery jquery-plugins validation jquery-validate

我正在使用 jquery 验证插件来验证我的表单字段。

脚本如下

jQuery(document).ready(function($){
     $.validator.addMethod(
    "mydate",
    function(value, element) {
        return value.match(/^\d\d?\-\d\d?\-\d\d\d\d$/);
    },
    "Please enter a date in the format dd-mm-yyyy"
    );
    var validator = $("#signupform").validate({
  rules: {
            User: {
    required: true,
                remote: {
        url: "user.php",
        type: "post",
          },
   },
   "RID[]": {
    required: true,
                remote: {
        url: "resource.php",
        type: "post",
          },
   },
            Date: {
    required: true,
                mydate : true
            },
  },
  messages: {
   User: "Specify Active User",
   "RID[]": "Specify Available Resource",
            Date: "Specify Date"
  },
  errorPlacement: function(error, element) {
    error.appendTo( element.parent().next() );
  },
  success: function(label) {
   label.html("OK").addClass("checked");
  }
 });

验证我的表单字段之一

<tr>
<td style="width: 70px" class="style22" valign="top">Resource ID</td>
<td id="resource" style="width: 267px;">
<input id="resource" name="RID[]" type="text" value="" style="width: 232px" /></td>
<td class="style21" style="width: 160px" valign="top">
<img id="addScnt" alt="[+]" src="+.gif"/>
</td>
<td>
    &nbsp;
</td>
</tr>

但我想在特定 div <div id="errorcontainer2"> 中放置“RID[]”错误。

我怎样才能做到这一点?

提前致谢..:)

爆弹弗莱德

最佳答案

我使用特定 div 中的自定义错误放置解决了这个问题 <div id="errorbox">

errorPlacement: function(error, element){
    if(element.attr("name") == "RID[]"){
        error.appendTo($('#errorbox'));
    }else{
        error.appendTo( element.parent().next() );
    }
}

关于Jquery 表单验证自定义错误放置在 <div> 容器中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4775415/

相关文章:

jquery - 相对于用户 View 的选项卡索引

jquery - 使用 jQuery 更改重叠图像的 z-index

javascript - 使用 jQuery 或 PHP 将 CSS 应用于 html 文档中的单词/字母

c# - 使用动态数据进行自定义高级实体验证

php - Zf2 float 验证无效但验证器消息为空

javascript - 将数组的子集与原始数组进行比较

javascript - jQuery 与 slideToggle 一起禁用和启用滚动

jquery - 使用 jquery 验证插件验证数组输入

javascript - 根据屏幕尺寸使用 jQuery 动态包裹 div

asp.net - 如何在客户端防止 PostBack?