Javascript function can't trigger onclick

Question

I have the following code:

<script type="text/javascript">
$(document).ready(function AjaxPost() {
 alert('asd');
});
</script>

<body>
<input name="btnUpdateUser" value="Update" id="btnUpdateUser" type="button" onclick="AjaxPost()" />
</body>

My problem it is not working. See live sample here: CodePen

But when I changed the onclick to this:

<input name="btnUpdateUser" value="Update" id="btnUpdateUser" type="button" onclick="javascript:alert('asd');" />

It is showing the alert. What did I missed here? Thanks!

I suppose AjaxPost doesn't exist. Try var AjaxPost = function() { ... }; $(document).ready(AjaxPost); — Virus721
– Virus721, Commented Aug 30, 2013 at 9:48

Arun P Johny · Accepted Answer · 2013-08-30 09:48:57Z

7

it is because AjaxPost is not present in the global scope.

there is no need to use document ready in this case since the method is invoked by the user

<script type="text/javascript">
function AjaxPost() {
    alert('asd');
}
</script>

answered Aug 30, 2013 at 9:48

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

Devang Rathod · Accepted Answer · 2013-08-30 09:49:02Z

0

Try this : call this function outside of document

function AjaxPost() {
   alert('asd');
}

answered Aug 30, 2013 at 9:49

Devang Rathod

6,7342 gold badges25 silver badges32 bronze badges

Collectives™ on Stack Overflow

Javascript function can't trigger onclick

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related