当前位置： 文江博客话题详情

提交按钮的 jQueryvalidationEngine 和 .click() 函数

发布于 2025-01-08 02:55:59 字数 2263 浏览 0 评论 0原文

我有该代码：

jQuery(document).ready(function () {
    // binds form submission and fields to the validation engine
    jQuery("#form1").validationEngine();
});

当我在字段之间跳转时，表单验证

jQuery(function () {
    jQuery(".button").click(function () {

        var rx1 = jQuery("input#p_scnt").val();
        var name = jQuery("input#name").val();
        var phone = jQuery("input#phone").val();
        var email = jQuery("input#email").val();
        var rx1 = jQuery("input#p_scnt").val();
        var rx2 = jQuery("input#p_scnt_2").val();
        var rx3 = jQuery("input#p_scnt_3").val();
        var rx4 = jQuery("input#p_scnt_4").val();
        var rx5 = jQuery("input#p_scnt_5").val();
        var rx6 = jQuery("input#p_scnt_6").val();
        var rx7 = jQuery("input#p_scnt_7").val();
        var rx8 = jQuery("input#p_scnt_8").val();
        var rx9 = jQuery("input#p_scnt_9").val();
        var rx10 = jQuery("input#p_scnt_10").val();
        var rx11 = jQuery("input#p_scnt_11").val();
        var rx12 = jQuery("input#p_scnt_12").val();

        var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&rx1=' + rx1 + '&rx2=' + rx2 + '&rx3=' + rx3 + '&rx4=' + rx4 + '&rx5=' + rx5 + '&rx6=' + rx6 + '&rx7=' + rx7 + '&rx8=' + rx8 + '&rx9=' + rx9 + '&rx10=' + rx10 + '&rx11=' + rx11 + '&rx12=' + rx12;
        //alert (dataString);return false;

        jQuery.ajax({
            type: "POST",
            url: "http://www.page.com/lib/process.php",
            data: dataString,
            success: function () {
                jQuery('#form_content').html("<div id='message'></div>");
                jQuery('#message').html("<h2>Rx Refill Request Submitted!</h2>")
                    .append("<p>Thank you for choosing Our Pharmacy</p>")
                    .hide()
                    .fadeIn(1500, function () {
                    jQuery('#message').append("<img id='checkmark' src='http://www.page.com/images/check.png' />");
                });
            }
        });
        return false;
    });
});

会自行工作，但是当我将这些必填字段留空并提交该表单时，它将不对必填字段进行任何验证。

有什么线索我在哪里做错了吗？

原文

I have that code:

jQuery(document).ready(function () {
    // binds form submission and fields to the validation engine
    jQuery("#form1").validationEngine();
});

and

jQuery(function () {
    jQuery(".button").click(function () {

        var rx1 = jQuery("input#p_scnt").val();
        var name = jQuery("input#name").val();
        var phone = jQuery("input#phone").val();
        var email = jQuery("input#email").val();
        var rx1 = jQuery("input#p_scnt").val();
        var rx2 = jQuery("input#p_scnt_2").val();
        var rx3 = jQuery("input#p_scnt_3").val();
        var rx4 = jQuery("input#p_scnt_4").val();
        var rx5 = jQuery("input#p_scnt_5").val();
        var rx6 = jQuery("input#p_scnt_6").val();
        var rx7 = jQuery("input#p_scnt_7").val();
        var rx8 = jQuery("input#p_scnt_8").val();
        var rx9 = jQuery("input#p_scnt_9").val();
        var rx10 = jQuery("input#p_scnt_10").val();
        var rx11 = jQuery("input#p_scnt_11").val();
        var rx12 = jQuery("input#p_scnt_12").val();

        var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&rx1=' + rx1 + '&rx2=' + rx2 + '&rx3=' + rx3 + '&rx4=' + rx4 + '&rx5=' + rx5 + '&rx6=' + rx6 + '&rx7=' + rx7 + '&rx8=' + rx8 + '&rx9=' + rx9 + '&rx10=' + rx10 + '&rx11=' + rx11 + '&rx12=' + rx12;
        //alert (dataString);return false;

        jQuery.ajax({
            type: "POST",
            url: "http://www.page.com/lib/process.php",
            data: dataString,
            success: function () {
                jQuery('#form_content').html("<div id='message'></div>");
                jQuery('#message').html("<h2>Rx Refill Request Submitted!</h2>")
                    .append("<p>Thank you for choosing Our Pharmacy</p>")
                    .hide()
                    .fadeIn(1500, function () {
                    jQuery('#message').append("<img id='checkmark' src='http://www.page.com/images/check.png' />");
                });
            }
        });
        return false;
    });
});

Form validation works itself when I jumping between fields but when I will leave those required fields empty and will submit that form it will go without any validation for required fields.

Any clue where I have done mistake?

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（2）

洒一地阳光 2025-01-15 02:55:59

发现一个问题 - 它与validationEngine插件本身有关（某种内部错误）。得到了 2.2 版本并将代码重写为

        jQuery(document).ready(function() {

        jQuery("#form1").validationEngine('attach', {
          onValidationComplete: function(form, status){
            if (status == false){
                alert("All information must be provided for your refill request to be completed.");
            }
            else {
                var rx1 = jQuery("input#p_scnt").val();
                var name = jQuery("input#name").val();
                var phone = jQuery("input#phone").val();
                var email = jQuery("input#email").val();
                var rx1 = jQuery("input#p_scnt").val();
                var rx2 = jQuery("input#p_scnt_2").val();
                var rx3 = jQuery("input#p_scnt_3").val();
                var rx4 = jQuery("input#p_scnt_4").val();
                var rx5 = jQuery("input#p_scnt_5").val();
                var rx6 = jQuery("input#p_scnt_6").val();
                var rx7 = jQuery("input#p_scnt_7").val();                                
                var rx8 = jQuery("input#p_scnt_8").val();                                
                var rx9 = jQuery("input#p_scnt_9").val();                                
                var rx10 = jQuery("input#p_scnt_10").val();                                
                var rx11 = jQuery("input#p_scnt_11").val();                                
                var rx12 = jQuery("input#p_scnt_12").val();                                                            

                var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&rx1=' + rx1 + '&rx2=' + rx2 + '&rx3=' + rx3 + '&rx4=' + rx4 + '&rx5=' + rx5 + '&rx6=' + rx6 + '&rx7=' + rx7 + '&rx8=' + rx8 + '&rx9=' + rx9 + '&rx10=' + rx10 + '&rx11=' + rx11 + '&rx12=' + rx12;
                //alert (dataString);return false;

                jQuery.ajax({
              type: "POST",
              url: "http://www.page.com/lib/process.php",
              data: dataString,
              success: function() {
                jQuery('#form_content').html("<div id='message'></div>");
                jQuery('#message').html("<h2>Rx Refill Request Submitted!</h2>")
                .append("<p>Thank you for choosing Our Pharmacy.</p>")
                .hide()
                .fadeIn(1500, function() {
                  jQuery('#message').append("<img id='checkmark' src='http://www.page.com/images/check.png' />");
                });
              }
             });
    return false;                   
            }

          } 
        });

最终使其工作。

Found an issue - it was related to the validationEngine plugin itself (some kind of internal error). Got version 2.2 and rewrote code to

        jQuery(document).ready(function() {

        jQuery("#form1").validationEngine('attach', {
          onValidationComplete: function(form, status){
            if (status == false){
                alert("All information must be provided for your refill request to be completed.");
            }
            else {
                var rx1 = jQuery("input#p_scnt").val();
                var name = jQuery("input#name").val();
                var phone = jQuery("input#phone").val();
                var email = jQuery("input#email").val();
                var rx1 = jQuery("input#p_scnt").val();
                var rx2 = jQuery("input#p_scnt_2").val();
                var rx3 = jQuery("input#p_scnt_3").val();
                var rx4 = jQuery("input#p_scnt_4").val();
                var rx5 = jQuery("input#p_scnt_5").val();
                var rx6 = jQuery("input#p_scnt_6").val();
                var rx7 = jQuery("input#p_scnt_7").val();                                
                var rx8 = jQuery("input#p_scnt_8").val();                                
                var rx9 = jQuery("input#p_scnt_9").val();                                
                var rx10 = jQuery("input#p_scnt_10").val();                                
                var rx11 = jQuery("input#p_scnt_11").val();                                
                var rx12 = jQuery("input#p_scnt_12").val();                                                            

                var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&rx1=' + rx1 + '&rx2=' + rx2 + '&rx3=' + rx3 + '&rx4=' + rx4 + '&rx5=' + rx5 + '&rx6=' + rx6 + '&rx7=' + rx7 + '&rx8=' + rx8 + '&rx9=' + rx9 + '&rx10=' + rx10 + '&rx11=' + rx11 + '&rx12=' + rx12;
                //alert (dataString);return false;

                jQuery.ajax({
              type: "POST",
              url: "http://www.page.com/lib/process.php",
              data: dataString,
              success: function() {
                jQuery('#form_content').html("<div id='message'></div>");
                jQuery('#message').html("<h2>Rx Refill Request Submitted!</h2>")
                .append("<p>Thank you for choosing Our Pharmacy.</p>")
                .hide()
                .fadeIn(1500, function() {
                  jQuery('#message').append("<img id='checkmark' src='http://www.page.com/images/check.png' />");
                });
              }
             });
    return false;                   
            }

          } 
        });

And final got it to work.

回复 原文
假装不在乎 2025-01-15 02:55:59

试试这个...

jQuery(function () {
        jQuery(".button").click(function () {
            jQuery("#form1").validationEngine('attach', {
                onValidationComplete: function (form, status) {
                    if (status == true) {
                        var rx1 = jQuery("input#p_scnt").val();
                        var name = jQuery("input#name").val();
                        var phone = jQuery("input#phone").val();
                        var email = jQuery("input#email").val();
                        var rx1 = jQuery("input#p_scnt").val();
                        var rx2 = jQuery("input#p_scnt_2").val();
                        var rx3 = jQuery("input#p_scnt_3").val();
                        var rx4 = jQuery("input#p_scnt_4").val();
                        var rx5 = jQuery("input#p_scnt_5").val();
                        var rx6 = jQuery("input#p_scnt_6").val();
                        var rx7 = jQuery("input#p_scnt_7").val();
                        var rx8 = jQuery("input#p_scnt_8").val();
                        var rx9 = jQuery("input#p_scnt_9").val();
                        var rx10 = jQuery("input#p_scnt_10").val();
                        var rx11 = jQuery("input#p_scnt_11").val();
                        var rx12 = jQuery("input#p_scnt_12").val();

                        var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&rx1=' + rx1 + '&rx2=' + rx2 + '&rx3=' + rx3 + '&rx4=' + rx4 + '&rx5=' + rx5 + '&rx6=' + rx6 + '&rx7=' + rx7 + '&rx8=' + rx8 + '&rx9=' + rx9 + '&rx10=' + rx10 + '&rx11=' + rx11 + '&rx12=' + rx12;
                        //alert (dataString);return false;

                        jQuery.ajax({
                            type: "POST",
                            url: "http://www.page.com/lib/process.php",
                            data: dataString,
                            success: function () {
                                jQuery('#form_content').html("<div id='message'></div>");
                                jQuery('#message').html("<h2>Rx Refill Request Submitted!</h2>")
                                .append("<p>Thank you for choosing Our Pharmacy.</p>")
                                .hide()
                                .fadeIn(1500, function () {
                                    jQuery('#message').append("<img id='checkmark' src='http://www.page.com/images/check.png' />");
                                });
                            }
                        });
                    }
                }
            })
        })
    });

Try this...

jQuery(function () {
        jQuery(".button").click(function () {
            jQuery("#form1").validationEngine('attach', {
                onValidationComplete: function (form, status) {
                    if (status == true) {
                        var rx1 = jQuery("input#p_scnt").val();
                        var name = jQuery("input#name").val();
                        var phone = jQuery("input#phone").val();
                        var email = jQuery("input#email").val();
                        var rx1 = jQuery("input#p_scnt").val();
                        var rx2 = jQuery("input#p_scnt_2").val();
                        var rx3 = jQuery("input#p_scnt_3").val();
                        var rx4 = jQuery("input#p_scnt_4").val();
                        var rx5 = jQuery("input#p_scnt_5").val();
                        var rx6 = jQuery("input#p_scnt_6").val();
                        var rx7 = jQuery("input#p_scnt_7").val();
                        var rx8 = jQuery("input#p_scnt_8").val();
                        var rx9 = jQuery("input#p_scnt_9").val();
                        var rx10 = jQuery("input#p_scnt_10").val();
                        var rx11 = jQuery("input#p_scnt_11").val();
                        var rx12 = jQuery("input#p_scnt_12").val();

                        var dataString = 'name=' + name + '&email=' + email + '&phone=' + phone + '&rx1=' + rx1 + '&rx2=' + rx2 + '&rx3=' + rx3 + '&rx4=' + rx4 + '&rx5=' + rx5 + '&rx6=' + rx6 + '&rx7=' + rx7 + '&rx8=' + rx8 + '&rx9=' + rx9 + '&rx10=' + rx10 + '&rx11=' + rx11 + '&rx12=' + rx12;
                        //alert (dataString);return false;

                        jQuery.ajax({
                            type: "POST",
                            url: "http://www.page.com/lib/process.php",
                            data: dataString,
                            success: function () {
                                jQuery('#form_content').html("<div id='message'></div>");
                                jQuery('#message').html("<h2>Rx Refill Request Submitted!</h2>")
                                .append("<p>Thank you for choosing Our Pharmacy.</p>")
                                .hide()
                                .fadeIn(1500, function () {
                                    jQuery('#message').append("<img id='checkmark' src='http://www.page.com/images/check.png' />");
                                });
                            }
                        });
                    }
                }
            })
        })
    });

回复 原文
~没有更多了~

关于作者

海的爱人是光

暂无简介

文章
评论
27 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

尘曦

文章 0 评论 0

在梵高的星空下

文章 0 评论 0

善良天后

文章 0 评论 0

韬韬不绝

文章 0 评论 0

qq_CgiN62

文章 0 评论 0

不美如何

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文