如何让验证脚本与 Mootools 表单一起使用

Question

希望能帮到你

我对 mootools 比较陌生

我一直在使用http://zendold.lojcomm.com.br/fvalidator/ 来验证一些网络表单，我想尝试将它与 Ajax 表单一起使用。这是一个使用 Mootools 1.2.5 的旧网站。

http://jsfiddle.net/jessicajet/gTqV8/ 是我尝试使用它的形式。 （这里没有添加fValidator脚本）

这是我用来提交表单的内容

formtostop.addEvent("submit", function(e) {
    e.stop();
    new Request({
        url: this.get("action"),
        method: "post",
        data: this,
        onRequest: function() {
            document.id("result").set("html", "sending...");
        },
        onComplete: function() {
            document.id("result").set({html: '<div class="response"><p>Thank you for completing our contact form, we will get back to you as soon as possible</p></div>', style: 'background:red'});
        }
    }).send();
});

当我点击提交验证并触发 ajax 表单时，这是意料之中的。

我可以让提交按钮在 e.stop() 之前查找验证脚本吗？ new Request({ 还是我试图做一些不可能的事情？

如果能提供任何建议，我将不胜感激。

Answer 1

http://zendold.lojcomm.com.br/fvalidator/js/fValidator-full.js，看看 _onSubmit 函数。你应该扩展这个类 (http://mootools.net/docs/core/Class/Class) 并修改 _onSubmit 函数以在 isValid 语句为真时执行请求。