Submit JQuery mobile form without redirect to php file

Question

I'm new to JavaScript and also the JQuery mobile framework is new to me.

I made a small form and after submitting I want to run JavaScript Code to check if all inputs are given. I found a lot of examples how to redirect to php files but I don't understand how I can run the JS Code and use the given input there ...

I tried to redirect to my JS Code using this line:

<form action="#" id="Form" onsubmit="return check()">

I defined the function check() but nevertheless the error message is that the variable check is not found ... Hope someone can help me ...

I tried Ben Lee's approach but I don't understand why this is not working:

$('#Form').submit(function(ev) {
console.log("nice!!");
});

The button:

<input type="submit" value="Send">

I added an update to my answer explaining why your new code snippet doesn't work. — Ben Lee
– Ben Lee, Commented Feb 16, 2012 at 20:29

Ben Lee · Accepted Answer · 2012-02-16 20:29:19Z

3

Don't use an onsubmit attribute. Instead attach an event (see http://api.jquery.com/submit/):

$(document).ready(function() {
    $('#Form').submit(function(ev) {
        if (!check()) return false;
    });
});

If you do it this way, you don't have to define a separate check function. You can just put the validation logic directly in the handler if you want. Which you decided to do depends on other implementation factors.

UPDATE: $("#form1").submit(...) does not work because "#form1" is not the right selector. When you use a selector of the form "#something" that looks for an element with an id attribute of "something". Since you form has id='Form', you need to use $('#Form').

edited Feb 16, 2012 at 20:29

answered Feb 13, 2012 at 5:59

Ben Lee

53.5k15 gold badges129 silver badges146 bronze badges

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

2 Comments

jokober Over a year ago

This was not the problem, because I made a mistake while posting the code. I don't understand why this is not working ...

jokober Over a year ago

I had two different .html files for each page. Since a transfered the code from the second file to the first I dont't have the problem anymore.

Collectives™ on Stack Overflow

Submit JQuery mobile form without redirect to php file

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related