0

フォームを作成しました。送信時にインラインポップアップを開き、入力が必須のテキストボックスをポップアップに作成し、ユーザーがフォームを送信すると、フォームがポップアップを介して送信され、ページが更新されます。

ポップアップにアラートボックスを表示して、ポップアップ経由でフォームを送信することができません。

<script type="text/javascript">
$(document).ready(function() {

  $("#submit").click(function(){
    $(".variousz").trigger('click');

  });

$(".variousz").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    afterClose: function(){
         $('#formsubmit').submit();
        }

});
$("form").submit(function() {
 if ($('#accept').val() == 'ACCEPT'){ } else { $("span").text("Query is Not valid!").show().fadeOut(1000);
 return false; }
});
});
</script>
<body>

    <div id="inline" style="display:none;width:500px;">
        <h2>Lorem ipsum dolor sit amet</h2>     
        <p>
            <input type="text" name="accept" id="accept" value=""><span></span>

        </p>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </p>
    </div>  
    <div class="tab_container">
            <a style="display:none;" class="variousz" href="#inline">Inline</a>

            <form method="GET" action="test.html" id="formsubmit" onsubmit="test.html" >
            <input type="text" name="aaa">
            <input type="button" id="submit" value="submit"> 
            </form>
    </div>
4

1 に答える 1

1

ここにはいくつかのポップアッププラグインがあります。 http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/
そしてフォームでそれらを実装します。
この古い例も良い例です そしてすべてのカラーボックス、ファンシーボックスこれらのような他のライトボックスの選択肢は 一握りかもしれません。

そして、これとまったく同じ他のスタックオーバーフローの質問があります。ありがとうございました

于 2012-05-28T13:55:12.190 に答える