Question

我有一张表格：

<form id="actualForm"  action="" novalidate="novalidate">
        <div class="o-group">
            <input placeholder="Title"  id="name" name="title">
        </div>        
        <div class="o-group">
            <textarea id="description">Enter Description </textarea>
        </div> 
        <div class="o-group">
            <input placeholder="Name" id="name" name="name">
        </div>
</form>

在上面的表单描述字段是nic Text Editor字段，这意味着id =“description”将不会检索到该字段的值，而name是auto Complete字段，所以当我为上面提出验证规则时：

> $("#actualForm").validate({
>                rules:{
>                         title: {
>                                 required: true,
>                                 minlength: 2
>                         },
>                         description: {
>                                 required: true,
>                                 minlength: 2
>                         }
>                 },
>                 messages: {
>                         title: {
>                                 required: "Please enter a title",
>                                 minlength: "At least 2 characters"
>                         },
>                         description: {
>                                 required: "Please enter a description",
>                                 minlength: "At least 2 characters"
>                         }
>                 },
>                 submitHandler: function(form) { return false; }
>         });

现在我调用object.validate（）;它不验证描述字段以及如何验证名称字段？

Answer 1

**

function validateForm(){
// Create hidden input fields for description and name
// Assign values to them as:
$("hiddenDescription").val($(".nicEdit-main").html());
$("hiddenName").val("take value from autocomplete");
$("#actualForm").validate({
                 ignore:"", 
>                rules:{
>                         title: {
>                                 required: true,
>                                 minlength: 2
>                         },
>                         description: {
>                                 required: true,
>                                 minlength: 2
>                         }
>                 },
>                 messages: {
>                         title: {
>                                 required: "Please enter a title",
>                                 minlength: "At least 2 characters"
>                         },
>                         description: {
>                                 required: "Please enter a description",
>                                 minlength: "At least 2 characters"
>                         }
>                 },
>                 submitHandler: function(form) { return false; }
>         });
}

**

验证邮件将显示在隐藏字段下方，根据您的需要放置。

使用jQuery验证插件自定义隐藏字段验证

1 个答案: