我在 php 中有一個(gè)模態(tài)表單（wordpress 網(wǎng)站的 bootstrap4 主題）。用戶在此模式中提交表單后，頁(yè)面將“重新加載”，并且“表單提交成功”消息將替換該表單。這意味著當(dāng)用戶單擊按鈕再次打開(kāi)模式時(shí)，那里沒(méi)有表單；只是一條成功消息。我該如何防止這種行為？我想將用戶的表單“重置”為干凈的表單，以便他們每次都可以一次又一次地提交。這是上下文中的站點(diǎn)代碼：https ://github.com/bettersg/mediaspin/blob/master/articlemodal.php這是表格本身：<div class="fade modal pg-show-modal" id="article_modal" tabindex="-1" role="dialog" aria-labelledby="article_modal" aria-hidden="true"><div class="modal-dialog" role="document"> <?php $mailer = new PG_Article_Form_Mailer(); ?> <?php $mailer->process( array( 'form_id' => 'article_form_mailer_id', 'send_to_email' => true, 'save_to_post_type' => true, 'post_type' => 'article', 'captcha' => true, 'captcha_key' => get_theme_mod( 'captcha_key' ), 'captcha_secret' => get_theme_mod( 'captcha_secret' ) ) ); ?> <?php if( !$mailer->processed || $mailer->error) : ?> <form action="#" class="wordpress-ajax-form" method="post" onsubmit="event.stopImmediatePropagation();event.stopPropagation();"> <div class="modal-content" id="article_form_mailer_id"> <div class="modal-header"> <h5 class="modal-title" id="article_modallabel"><?php _e( 'New Article Submission for Current Issue', 'mediaspintheme' ); ?></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>我懷疑這是因?yàn)?if 語(yǔ)句 ( <?php if( !$mailer->processed || $mailer->error) : ?>) 圍繞表單構(gòu)建的方式，但我不確定正確的方法是什么。關(guān)于如何更改 if 語(yǔ)句或移動(dòng)它以使其不會(huì)導(dǎo)致表單在成功提交后消失有什么建議嗎？表單正確提交并且一切正常。但這個(gè)界面怪癖很煩人。
2 回答
冉冉說(shuō)
TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個(gè)贊
您可以使用 jQuery 和 AJAX。
$('.wordpress-ajax-form').on('submit', function(e) {
// Prevent page reloading
e.preventDefault();
$.ajax({
type: 'POST',
url: 'youScript.php',
data: {
'youWillGetThisValueInPhpWithThisName': $('.your-input').val(),
// others inputs
}
});
});
慕尼黑8549860
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊
您沒(méi)有以正確的方式使用 if 。在您的結(jié)構(gòu)中，僅當(dāng)出現(xiàn)錯(cuò)誤或從未發(fā)送時(shí)才會(huì)顯示表單。為了解決這個(gè)問(wèn)題，重構(gòu)如下：
<?php if( $mailer->processed ) : ?>
<?php echo $mailer->message; ?>
<?php endif; ?>
<div class="fade modal pg-show-modal" id="article_modal" tabindex="-1" role="dialog" aria-labelledby="article_modal" aria-hidden="true">
<div class="modal-dialog" role="document">
<?php $mailer = new PG_Article_Form_Mailer(); ?>
<?php $mailer->process( array(
'form_id' => 'article_form_mailer_id',
'send_to_email' => true,
'save_to_post_type' => true,
'post_type' => 'article',
'captcha' => true,
'captcha_key' => get_theme_mod( 'captcha_key' ),
'captcha_secret' => get_theme_mod( 'captcha_secret' )
) ); ?>
<form action="#" class="wordpress-ajax-form" method="post" onsubmit="event.stopImmediatePropagation();event.stopPropagation();">
<div class="modal-content" id="article_form_mailer_id">
<div class="modal-header">
<h5 class="modal-title" id="article_modallabel"><?php _e( 'New Article Submission for Current Issue', 'mediaspintheme' ); ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<?php global $post; ?>
<input type="hidden" placeholder="CurrentIssue" name="issue" value="<?php echo $post->ID; ?>"></input>
<div class="form-group">
<label for="message-text" class="form-control-label">
<?php _e( 'Link to news article (not social media or forum post) that spins it:', 'mediaspintheme' ); ?>
</label>
<input type="text" class="form-control" id="article1" required placeholder="https://linkhere.com (do not post social media or forum links)" name="article1" value="<?php echo ( isset( $_POST['article1'] ) ? $_POST['article1'] : '' ); ?>">
</div>
<div class="g-recaptcha" style="margin:10px 0;" data-sitekey="<?php echo get_theme_mod( 'captcha_key' ) ?>"></div>
<input type="hidden" name="article_form_mailer_id" value="1"/>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">
<?php _e( 'Close', 'mediaspintheme' ); ?>
</button>
<button type="submit" class="btn btn-primary">
<?php _e( 'SUBMIT', 'mediaspintheme' ); ?>
</button>
</div>
</div>
</form>
</div>
</div>
- 2 回答
- 0 關(guān)注
- 179 瀏覽
添加回答
舉報(bào)
0/150
提交
取消