Question

I have got a simple HTMl form with one field as follows:

<input type="text" name="data['User']['user_id']" id="data['User']['user_id']" value="1"> 


$(document).ready(function(){
$("#data['User']['user_id']").mouseover(function(){
alert("hello");
});

});

The code couldn’t work,

I think it may be the name of the Input text field that caused the problem,
but I don’t know how to alter it

because this is the naming convention in CakePHP.

Answer 1

The jQuery documentation has the answer:

If you wish to use any of the meta-characters (#;&,.+*~':"!^$[]()=>|/) as a literal part of a name, you must escape the character with two backslashes: \\. For example, if you have an an input with name="names[]", you can use the selector $("input[name=names\\[\\]]").

So in your case: $("input[name=\\[User\\]\\[user_id\\]]")

Note though that I think the HTML snippet you posted is bogus. By default the Cake form helper creates elements like this:

<input type="text" name="data[User][user_id]" id="UserUserId" value="1"> 

The name does not contain any ' and the id is camelCased to be easily selectable.