首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Spry验证的Ajax提交

使用Spry验证的Ajax提交
EN

Stack Overflow用户
提问于 2012-09-27 13:23:25
回答 1查看 807关注 0票数 1

我正在尝试在ajax运行之前验证我的表单,但似乎无法获得正确的编码来实现此目的。

如果我将它们分开,我可以使用ajax发布,而不需要验证或验证,但它会以默认方式发布

下面是我正在尝试的当前代码

代码语言:javascript
复制
$(document).ready(function(){
 // ajax code start
$('#form').on('submit', function (e){
    e.preventDefault();
  if  (spry.widget.form.validate('#form') == true)
    {
    $.ajax({
        type: "POST",
        url: "localProxy.php",
        data: $('#form').serialize(),
        success: function (response) {
                document.location = '/thank-you';
                 // do something!
        },
        error: function () {
                alert('There was a problem!');  // handle error
        }
    });
    };
}); 
});
EN

回答 1

Stack Overflow用户

发布于 2012-09-28 09:52:18

弄清楚了

代码语言:javascript
复制
$(document).ready(function(){
 // ajax code start
$('#form').on('submit', function (e){
    e.preventDefault();
    Spry.Widget.Form.onSubmit = function(e, form)
{
    if (Spry.Widget.Form.validate(form) == false) {
        return false;
    }
    {
    $.ajax({
        type: "POST",
        url: "localProxy2.php",
        data: $('#consult').serialize(),
        success: function (response) {
                document.location = '/thank-you';
                 // do something!
        },
        error: function () {
                alert('There was a problem!');  // handle error
        }
    });
    };
    };
}); 
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12614598

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档