Why no alert on submit

hi

why the alert is not showing on submiting form

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
$('#submit').on('click', function() {
    valid = true;   

    if (valid && $('#fname').val() == '') {
        alert ("please enter your name");
        valid = false;
    }
    return valid;
})
</script>
</head>

<body>
<form action="" method="post">
    Name : <input type="text" name="fname" id="fname" /> 
    
    <input type="button" id="submit" value="Submit" name="submit" />
</form>
</body>
</html>

vineet

when i inserted jquery at bottom it started working.

dont know why but it worked

vineet

$('#submit') doesn’t exist yet when you searched the DOM for it.

understood
thanks

vineet

It still might not show for everyone as some people turn those debugging dialogs off in their browser. Other people make use of the extra debugging options their browser displays in such dialogs to turn JavaScript off for your site on the basis of you asked them of they want to stop your script running so they answer yes.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.