How to validate input fields with a dot in name using the jquery validation plugin?

Question

<s:textfield cssClass="form-control input-default" name="contest.title" id="title" placeholder="Enter Title"
                             />

Validation doesn't work for this, but if I change the name to title - validation works.

I tried searching, but couldn't find a means to validate fields with a . in their name.

Please help

Update

Script

<script type="text/javascript">
            jQuery(document).ready(function() {
                jQuery("#contestform").validate({
                    submitHandler: function(form) {
//                        return false;  // block the default submit action
                    },
                    rules: {
                        title: {
                            required: true
                        },
                        link: {
                            required: true
                        },
                        startdt: {
                            required: true
                        },
                        enddt: {
                            required: true
                        },
                        descr: {
                            required: true
                        },
                    },
                    messages: {
                        title: "Please enter a title",
                        link: "Please enter the sponser redirection link",
                        startdt: "Please select start date",
                        enddt: "Please select end date",
                        descr: "Please enter description"
                    }
                });
            });
        </script>

Part of the form

<form action="" enctype="multipart/form-data" method="post" id="contestform">
            <s:hidden name="option" value="option"/>
            <s:hidden name="contest.idcontest"/>
            <div class="form-group">
                <label for="title">Title</label>
                <s:textfield cssClass="form-control input-default" name="contest.title" id="title" placeholder="Enter Title"
                             />
            </div>

You need to add code samples of the jQuery you are using.

jammykam
– jammykam

2013-11-26 14:40:41 +00:00
Commented Nov 26, 2013 at 14:40 — jammykam
– jammykam, Commented Nov 26, 2013 at 14:40

jammykam · Accepted Answer · 2013-11-26 14:55:32Z

26

You need to put the field names in qoutes. From the plugin documentation

Fields with complex names (brackets, dots)

When you have a name attribute like user[name], make sure to put the name in quotes. More details in the General Guidelines.

The sample in the linked reference:

$("#myform").validate({
  rules: {
    // no quoting necessary
    name: "required",
    // quoting necessary!
    "user[email]": "email",
    // dots need quoting, too!
    "user.address.street": "required"
  }
});

answered Nov 26, 2013 at 14:55

jammykam

17k2 gold badges39 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to validate input fields with a dot in name using the jquery validation plugin?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related