0

cmsページで使用されている以下のコードがポップアップ表示されます。メールアドレス入力フィールドを空白のままにして送信を押すと、問題が発生します（「コードを取得」ボタンの場合、赤い検証メッセージが簡単に表示されますが、その後フォームを非表示にし、非表示の div を表示します。

なぜ、またはどのようにこのプロセスを防ぐことができますか。検証したいのですが、非表示の div コンテンツの表示に進みます。以下はコードです。

<div id="pop-confirm" style="display: none;">
<h1 style="color: #000000; font-weight: bold;">THANKS!</h1>
<p>&nbsp;</p>
<h2>Use code: <strong>extra15</strong><br /> for 15% off your purchase.</h2>
</div>
<form id="newsletter-validate-detail" action="home/send" method="post" onSubmit="new Ajax.Updater({success:'newsletter-validate-detail'}, 'newsletter/subscriber/new', {asynchronous:true, evalScripts:false, onComplete:function(request, json){Element.hide('newsletter-validate-detail');Element.show('pop-confirm');}, onLoading:function(request, json){}, parameters:Form.serialize(this)}); return false;">
<div class="block-content">
<h2>ENTER YOUR EMAIL<br /> AND GET</h2>
<div class="form-subscribe-header">
<h1>15% OFF</h1>
<br />
<h1>EVERYTHING!</h1>
</div>
<div class="input-box"><input id="newsletter" class="input-text required-entry validate-email" title="Sign up for our newsletter" type="text" name="email" /></div>
<br />
<div class="actions"><button class="button" title="Get Code" type="submit"><span><span>Get Code</span></span></button></div>
<br />
<p><em>* Promotion ends April 6th</em></p>
</div>
</form>
<script type="text/javascript">// <![CDATA[
        var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
// ]]></script>

私はajaxに非常に慣れていないので、何か間違ったことをしたのかもしれません。

アイデアや提案をいただければ幸いです。

ありがとう

4

1 に答える 1

1

onSubmit を次のように変更してみてください。

onSubmit="if(newsletterSubscriberFormDetail.validator.validate()){ new Ajax.Updater({success:'newsletter-validate-detail'}, 'newsletter/subscriber/new', {asynchronous:true, evalScripts:false, onComplete:function(request, json){Element.hide('newsletter-validate-detail');Element.show('pop-confirm');}, onLoading:function(request, json){}, parameters:Form.serialize(this)}); } return false;"`

これにより、AJAX でフォームを送信する前にバリデーターがトリガーされます。私にぴったりです:)

于 2013-05-14T14:44:20.797 に答える