提交JQuery移动表单而不重定向到php文件

时间:2012-02-13 05:54:57

标签: jquery mobile cordova

我是JavaScript新手,JQuery移动框架对我来说也是新手。

我做了一个小表单,提交后我想运行JavaScript代码来检查是否给出了所有输入。 我发现了很多例子如何重定向到php文件,但我不明白我如何运行JS代码并使用给定的输入...

我尝试使用以下行重定向到我的JS代码:

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

我定义了函数check()但是错误信息是找不到变量check ... 希望有人可以帮助我...


我试过Ben Lee的方法,但我不明白为什么这不起作用:

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

按钮:

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

1 个答案:

答案 0 :(得分:3)

不要使用onsubmit属性。而是附加一个事件(参见http://api.jquery.com/submit/):

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

如果以这种方式执行,则不必定义单独的check函数。如果需要,您可以直接将验证逻辑放在处理程序中。您决定采取哪些措施取决于其他实施因素。

更新:$("#form1").submit(...)不起作用,因为“#form1”不是正确的选择器。当您使用“#something”形式的选择器时,它会查找id属性为“something”的元素。由于您的表单有id='Form',因此您需要使用$('#Form')