JSF CommandButton onclick does not call Javascript

Question

I am using a command button from JSF. I don't know why I can't call my javascript function. NO alert will show when I click the button.

<h:commandButton id="login" value="Login" action="login"
   onclick="return checkPasswords();" type="Submit" /> 

My Javascript function:

function checkPasswords() {
    alert("test");
    return false;
}

Answer 1

1. Check your generated code (open the page -> view source)
2. Check your javascript console (Firefox) for errors
3. make sure your function is callable from a normal <input type="button">
4. lowercase your button type.

Otherwise, it should work - I have exactly the same piece of code in my current codebase that works perfectly.

Answer 2

This is working

<script type="text/javascript">
function checkPasswords() {
   alert("test");
   return false;
}

<h:commandButton  id="login" value="Login" action="login"
             onclick="checkPasswords();" type="submit"/>

Answer 3

Give s in lowercase in type="submit", The type attribute sets the type of button to create for this component. The valid values for this attribute are "submit" and "reset". The default value for this attribute is "submit".