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

Question

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

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

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

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

我定义了函数 check()，但错误消息是未找到变量检查... 希望有人能帮助我...

---

我尝试了 Ben Lee 的方法，但我不明白为什么这不起作用:

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

按钮:

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

Answer 1

不要使用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')。