1

DB に情報を送信するための AJAX 呼び出しの前に検証されません。最初に検証を有効にするにはどうすればよいですか? 

$(document).ready(function() {
        $("#signup").validationEngine('attach', {
            promptPosition : "centerRight",
            scroll : false,
            ajaxFormValidation: true,
            onBeforeAjaxFormValidation: beforeCall,
            onAjaxFormComplete: ajaxValidationCallback,
        });
    });




$("#submit").click(function() {
        var url = "insertintoDB.php"; // the script where you handle the form input.
        $.ajax({
               type: "POST",
               url: url,
               data: $("#signupform").serialize(), // serializes the form's elements.
               success: function(data)
               {
                   alert(data); // show response from the php script.
               }
             });

        return false; // avoid to execute the actual submit of the form.
    });

insertintoDB.php に直接送信されますが、次のフォームは検証されません。 

<form class="form-horizontal" id="signup" name="signup" method="post" action="insertDB.php">

 <div class="control-group">
 <label class="control-label" for="inputSurname">Name</label>
 <div class="controls"><input type="text" id="inputSurname" name="inputSurname" placeholder="Surname" class="validate[required]" /></div>
 </div>
<button type="submit" id="submit" class="btn btn-success">Sign Up!</button>

</form>

データ挿入のためにPHPに渡す前に、最初に検証するにはどうすればよいですか?

4

2 に答える 2

1

これらの検証オープン ソース ライブラリを使用して、変数を検証できます。

jQuery-Form-Validator
jQuery または Zepto.js の軽量フォーム検証
jQuery-Validation-Engine

など ...

ただし、SQL インジェクションと XSS 攻撃を防ぐために、データベース アクションを実行する前にサーバー側の検証を使用することを強くお勧めします。

于 2013-03-30T11:04:57.997 に答える
0

次のようなパターンで、フォームの検証に jQuery Validator を使用します。

$('form').validate({
    invalidHandler: function(event, validator) {
        // Handle the invalid case.
    },
    submitHandler: function(form) {
       // do stuff on your valid form.
       // Then call form submit.
       form.submit();
    }
});

バリデーターを使用すると、さまざまな条件のルールとエラー メッセージを設定できますが、フィールドのタイプに基づいて、「必須」属性を持つ欠落フィールドやその他のケースを自動的に検出します。例: url - 有効な URL などが必要です。

サーバー側の検証は重要ですが、jQuery バリデーターを使用すると、ユーザーの注意を引き付けて簡単に修正できる間に、多くのことを把握できます。

ここを参照してください：jQuery Validator

于 2013-03-30T11:01:20.553 に答える