jquery - colorbox と jquery - 検証プラグインが iframe で機能しない

Question

カラーボックスを使用して、jquery.validation プラグインを使用したい登録フォームを開きます。問題は、検証が機能する場合と機能しない場合があります。iframe に読み込まれる html に検証を単純に含めてみました。次のように onComplete 表記を使用して読み込もうとしました。

       ....
    onComplete:
    $(document).on('blur', '#name', function() {
            alert("Handler for .blur() called.");
        })

私もこれを試しました：

onComplete:
    $("#name").blur(function() {
    alert("Handler for .blur() called.");
}),

これが私の完全な検証の試みです - 必要なフィールドのみが機能し、minlenths やカスタム メッセージは機能しませんでした。

$( "#signupForm" ).validate({
    rules: {
    name: "required",
    username: "required",
    email: {
          required: true,
          email: true   },
    password: {
        required: true,
        minlength: 5  },
    confirmPassword: {
        required: true,
        minlength: 5,
        equalTo: "#password"
    }
     },
    messages: {
        name: "Please enter your full name",
        username: "Please enter your username",
        email: {
            required: "Please enter your email address",
            email: "Email addresses are of the form user@host."
            },
        password: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long"
        },
        confirmPassword: {
            required: "Please provide a password",
            minlength: "Your password must be at least 5 characters long",
            equalTo: "Please enter the same password as above"
        }
    }

});

最後に、ここに私のフォームの一部があります -

<input id="name" name="name" type="text" class="text" placeholder="Full Name" required />

....

2 つの質問があります - 1 つ目は、なぜ検証の 1 つのセグメントだけがカラーボックスで開始されるのか、2 つ目は、なぜ私の「オン ブラー」が機能しないのかということです。ajax の作業を行うために on blur を使用したい -