2012-02-13 15 views
2

私はJavaScriptを初めて使いました。また、JQueryモバイルフレームワークも新しくなっています。PHPファイルにリダイレクトせずにJQueryモバイルフォームを送信

私は小さなフォームを作成し、送信した後、JavaScriptコードを実行してすべての入力があるかどうかを確認したいと思います。 phpファイルにリダイレクトする方法をたくさん見つけましたが、JSコードをどのように実行して、そこに指定した入力を使用できるのか分かりません...

この行を使用してJSコードにリダイレクトしようとしました:

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

私はベンを試してみました私は、機能チェックを定義した()が、それにもかかわらず、エラーメッセージが変数のチェックが見つからない... ホープ誰かが私を助けることができるということです...


リーのアプローチだけど、なぜ私は理解していないsが動作していない:

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

ボタン:

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

新しいコードスニペットが機能しない理由を説明した回答を追加しました。 –

答えて

3

onsubmit属性を使用しないでください。代わりに(http://api.jquery.com/submit/を参照)イベントを添付:

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

をあなたはこのようにそれを行う場合、あなたは別のcheck関数を定義する必要はありません。必要に応じて、検証ロジックを直接ハンドラに入れることができます。あなたが決定したのは、他の実装要素に依存します。

更新:$("#form1").submit(...) "#form1"は正しいセレクタではないため、動作しません。 id属性が "something"の要素を検索するフォーム "#something"のセレクタを使用する場合。フォームはid='Form'なので、$('#Form')を使用する必要があります。

+0

コードを投稿するときに間違いをしたので、これは問題ではありませんでした。私はなぜこれが動作していないのか分からない... – joko1206100

+0

私は各ページの2つの異なる.htmlファイルを持っていた。 2番目のファイルから最初のコードにコードを転送したので、もう問題はありません。 – joko1206100

関連する問題