Add simple jQuery in Wordpress page

Question

I have a very small jQuery script that I would like to add to a single page. I am trying to add it directly in the page via the page editor in the Wordpress backend. Since it is so small and does not apply to any other page on my site, I would prefer to add it to the page directly. So, in the page editor I click on the 'Text' tab and include the following:

<script type="text/javascript">
$("form").submit(function( event ) {
    if($('#somecheckbox').is(':checked')) {  
        alert( "Handler for .submit() called." );
    }  
    else {  
        event.preventDefault();
    }
});
</script>


<form action="/helpdesk/" method="post">
    <input id="somecheckbox" type="checkbox" value="yes" /> <label for="somecheckbox">Checkbox</label>
    <input type="submit" value="Submit" />
</form>

This doesn't work though and so I am wondering if it's even possible. Problem is that the alert box doesn't pop up and the submit doesn't get cancelled either.

I know how to include the script as a .js file, just hoped I didn't have to.

Felix · Accepted Answer · 2014-03-05 03:17:14Z

1

There's probably a conflict happen between jQuery and Wordpress here, try to do:

jQuery(function($) {
   $("form").submit(function( event ) {
        if($('#somecheckbox').is(':checked')) {  
            alert( "Handler for .submit() called." );
        }  
        else {  
            event.preventDefault();
        }
    });
});

answered Mar 5, 2014 at 3:17

Felix

38.2k8 gold badges45 silver badges56 bronze badges

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

1 Comment

rwkiii Over a year ago

Yes, that made it work. I see what you did now. I have worked on this for over an hour and searched all over for an example. I "thought" it should be possible. Thank you Felix.

Bhojendra Rauniyar · Accepted Answer · 2014-03-05 03:25:26Z

0

Perhaps you wanted to do like this:

jQuery(function($) {
    $("form").submit(function( event ) {
        event.preventDefault();
        if($('#somecheckbox').is(':checked')) {  
            alert( "Handler for .submit() called." );
        }  
        else {  
            return false;
        }
    });
});

answered Mar 5, 2014 at 3:25

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Collectives™ on Stack Overflow

Add simple jQuery in Wordpress page

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related