Question

嗨，我是网络新手，请原谅我，如果这是一个愚蠢的问题。

所以我完成了表单验证，点击按钮（type = "button"）后会触发。验证后，我必须调用php文件，我可以将数据插入MySql。我使用提交按钮（type = "submit"）并且没有验证也这样做。

我不知道如何一个接一个地做这两个。

如何在JavaScript中验证后调用php？

Answer 1

我们可能需要查看您的代码才能正常使用，但正常的做法是在ul li事件侦听器中进行验证，然后在验证失败时调用onsubmit，停止提交的表单。如果验证成功，那么表格应该正常提交。

Answer 2

验证在客户端的两侧由js应用 - 您可以使用jquery验证＆＃34; - 这仅用于用户交互，并确保数据从任何恶意代码或SQL注入中清除。但是大多数攻击者在攻击的第一步就从浏览器中停止了js，所以第一次验证看起来没有价值，所以我们在服务器端再创建另一个并且为了真正的安全 - 这不能停止。在你的问题中写下更多代码

Answer 3

使用XMLHttpRequest或者如果您使用jQuery，请使用$.ajax将数据汇总到您的php页面。

Answer 4

我相信你想要的是：

var FormValidation = function () {


        // validation using icons
        var handleValidation = function() {
            // for more info visit the official plugin documentation: 
                // http://docs.jquery.com/Plugins/Validation

                var form = $('#form');
                var error = $('.alert-danger', form);
                var success = $('.alert-success', form);

                form.validate({
                    errorElement: 'span', //default input error message container
                    errorClass: 'help-block help-block-error', // default input error message class
                    focusInvalid: false, // do not focus the last invalid input
                    ignore: "",  // validate all fields including form hidden input
                    rules: {



                        yourfield: {
                            minlength: 1,
                            required: true,
                            min: 0,                             
                            number: true
                        },

                    },

                    invalidHandler: function (event, validator) { //display error alert on form submit              
                        success.hide();
                        error.show();
                        //Metronic.scrollTo(error, -200);
                    },

                    errorPlacement: function (error, element) { // render error placement for each input type
                        var icon = $(element).parent('.input-icon').children('i');
                        icon.removeClass('fa-check').addClass("fa-warning");  
                        icon.attr("data-original-title", error.text()).tooltip({'container': 'body'});
                    },

                    highlight: function (element) { // hightlight error inputs
                        $(element)
                            .closest('.form-group').removeClass("has-success").addClass('has-error'); // set error class to the control group   
                    },

                    unhighlight: function (element) { // revert the change done by hightlight

                    },

                    success: function (label, element) {
                        var icon = $(element).parent('.input-icon').children('i');
                        $(element).closest('.form-group').removeClass('has-error').addClass('has-success'); // set success class to the control group
                        icon.removeClass("fa-warning").addClass("fa-check");
                    },

                    submitHandler: function (form) {
                        success.show();
                        error.hide();
                        form[0].submit(); // submit the form
                    }
                });


        }



        return {
            //main function to initiate the module
            init: function () {


                handleValidation();


            }

        };

        }();

Answer 5

//在表单提交上调用你的javascript函数，即onsubmit =“return functionName（）”

//在javascript函数中，如果字段已验证，则

return true;

// Else

返回false;

//使用按钮类型：

型= “提交”

在JavaScript中验证后发送表单数据

5 个答案: