jQuery click event not firing

[mathceleb]

When hitting the return key on the password field name="pass", the click event is not firing. form.submit is not an option since we need the click event to fire first.

We are using Drupal 7. Any thoughts?

PHP Code:

<div id="login-form-f" style="display:none;">
<form action="/news" method="post" id="user-login" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-name">
  <label for="edit-name--2">E-mail <span class="form-required" title="This field is required.">*</span></label>
 <input type="text" id="edit-name--2" name="name" value="" size="60" maxlength="60" class="form-text required" />
<div class="description">Enter your e-mail address.</div>
</div>
<div class="form-item form-type-password form-item-pass">
  <label for="edit-pass--3">Password <span class="form-required" title="This field is required.">*</span></label>
 <input onkeypress="jQuery(&quot;input&quot;).keydown(function(e) {if (e.keyCode == 13) {jQuery(&quot;input[type=submit]&quot;, this).click();}});" type="password" id="edit-pass--3" name="pass" size="60" maxlength="128" class="form-text required" />
<div class="description">Enter the password that accompanies your e-mail.</div>
</div>
<input type="hidden" name="form_build_id" value="form-5GMspHjNPDFEVLo2M58m-SWaDWtHKtFrmWlNUTJuNYo" />
<input type="hidden" name="form_id" value="user_login" />
<div class="form-actions form-wrapper" id="edit-actions--2"><input type="submit" id="edit-submit--2" name="op" value="Log in" class="form-submit" /></div></div></form> 


[VIPStephan]

You need to trigger() the click event.

[mathceleb]

Tried this with no success. Nothing happens: Also, I confirmed that the section of code withi keycode==13 is being called by setting an alert. It is just the button press portion that is not happening.

PHP Code:

<input id="edit-pass--3" class="form-text required" type="password" maxlength="128" size="60" name="pass" onkeypress="jQuery("input").keydown(function(e) {if (e.keyCode == 13) {jQuery("#edit-submit--2").trigger("click");}});"> 


[mathceleb]

Update, we traced this on a debugger and the button is getting clicked, but the form is not being submitted.

[VIPStephan]

For what do you need the click event anyway?

[AndrewGSW]

You cannot embed double-quotes " within double-quotes without escaping them. Alternatively, replace the (inner) quotes with apostrophes ' as shown:

<input id="edit-pass--3" class="form-text required" type="password" maxlength="128" size="60" name="pass" onkeypress="jQuery('input').keydown(function(e) {if (e.keyCode == 13) {jQuery('#edit-submit--2').trigger('click');}});">

Your original code seems to indicate that you need to use & quot; - perhaps a restriction of Drupal? Then try & apos; instead (without the space).

BTW click() is a shortcut for trigger('click').