-1

フォームを作成して検証したい場合。検証が成功したら、このデータを mysql データベースに挿入します。これを行う最善の方法は、HTML を介してフォームを作成し、jQuery で検証し、post メソッドから PHP を介して mysql データベースにデータを送信することですか?

簡単な例であれば何でも構いません (両方のフィールドに入力する必要がある姓と名を提出してください)。

いくつかの例を試しましたが、検証が false の場合にページがリロードされ、テキスト ボックス フィールドのすべてのデータが失われます。

4

3 に答える 3

1

私のプロジェクトの例:

 function initContactForm(){
        $('#contact-form').validate({
            errorClass: 'invalid-input',
            validClass: 'valid-input',
            debug: false,
            rules: {
                name: {
                    required: true,
                    minlength: 3
                },
                sername: {
                    required: true,
                    minlength: 3
                },
                company_name: {
                    required: true,
                    minlength: 3
                },
                phone: {
                    required: true,
                    digits: true,
                    minlength: 7
                },
                mail: {
                    required: true,
                    email: true
                },
                message: {
                    required: true,
                    minlength: 20
                }
            },
            submitHandler: function(data){
                $('#loading').ajaxStart(function(){
                    $(this).show('fast');
                    $('.register-btn').hide('fast');
                });
                $('#loading').ajaxStop(function(){
                    $(this).hide('fast')
                });
                $('#contact-form').ajaxSubmit(function(html){
                    $('.control-group').animate({ opacity: 0.2 }, 500, function(){ opacity: 1 });
                    $('#formHandler').html(html);
                    $('#formHandler').show('fast');
                    $('.alert').bind('close', function(){
                        $('#contact-form').each(function(){ this.reset(); });
                        $('.controls input').removeClass();
                        $('.controls textarea').removeClass();
                        $('.register-btn').show('fast');
                        $('.control-group').animate({ opacity: 1 }, 500, function(){ opacity: 0.2 });
                    });
                });
            }
        });
    }
于 2012-10-17T13:57:44.540 に答える
1

私の意見では、データの破損を避けるために、挿入/更新ステートメントの直前にサーバー側の検証が必要です。

ajaxで呼び出されるPHPスクリプトを持つことができます。そうすれば、ページがリロードされなくなります。

于 2012-10-17T14:07:36.167 に答える