【问题标题】:Parsley.js validation with postParsley.js 验证与 post
【发布时间】:2013-10-12 07:40:44
【问题描述】:

我正在使用(精心制作的)Parsley.js 脚本验证表单,但有一个元素我似乎无法正常工作。

当用户成功填写表单时,我希望发生两件事:

  • 表单发布到网站数据库。
  • 显示成功消息。

这是我的代码:

$(document).ready(function(){
    // form
    var form = $('#formname');
    var success = $('.success');

    form.submit(function(){

        if($form.parsley('isValid') == true){
            $.post('https://www.xxxxx.custom.api.url', $(this).serialize(), function(){
                success.show(); $('input[type=text]').val('');
            },'json');
        }

        return false;
    });

});

如果我删除“if”行及其相应的括号,我的两个命令可以完美运行——表单信息被提交,消息显示。

但是当我包含“if”行及其括号时,它没有。

我不是 jQuery/Javascript/等方面世界上最大的专家,所以我确定我遗漏了一些明显的东西。任何想法这条线有什么问题?

if($form.parsley('isValid') == true){

谢谢大家!

【问题讨论】:

    标签: javascript jquery forms validation parsley.js


    【解决方案1】:

    您必须验证 form 而不是 $form

    $form 在上面的示例中未定义。

    试试if(form.parsley('isValid') == true){},看看有没有好事发生。

    最好的

    【讨论】:

    • 非常感谢您的回复,纪尧姆!奇怪的是,这仍然不起作用。我得到了相同的结果:当我提交表单时,这两个动作仍然没有发生。我应该删除这条线吗? var form = $('#formname');另外,我应该打电话给任何特定版本的欧芹吗?现在我正在调用 parsley.js,尽管我也找到了使用 parsley.min.js 的示例。
    • 你可以为你的例子做一个 jsfiddle 吗?
    • 正在处理它。谢谢!
    • Guillaume,我想我不能把它放在 jsFiddle 上,因为这个表单有一些通往客户端后端的密钥。抱歉浪费您的时间,再次感谢!!!
    猜你喜欢
    • 1970-01-01
    • 2018-02-14
    • 1970-01-01
    • 2015-12-11
    • 2013-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-24
    相关资源
    最近更新 更多