2017-07-18 25 views
0

如何在数据提交后清除for域。点击提交后,文本框中的数据没有被清除。在wordpress中提交后清除表单域

HTML:

function html_form_code() { 
echo '<div class="thb_subscribe">'; 
echo '<h3 class="subscriberlogin">SUBSCRIBE</h3>'; 
echo '<p class="subscribertext">Subscribe now to get notified about latest updates!!</p>'; 
echo '<form action="' . esc_url($_SERVER['REQUEST_URI']) . '" method="post">'; 

echo '<div class="emails" style="margin-left: -308px;">'; 
echo '<input type="email" id="cf-email" name="cf-email" placeholder="Your E-Mail" value="' . (isset($_POST["cf-email"]) ? esc_attr($_POST["cf-email"]) : '') . '" size="42" required />'; 
echo '</div>'; 

echo '<div class="subjectline" style="display:none;">'; 
echo 'Subject (required) <br/>'; 
echo '<input type="text" name="cf-subject" pattern="[a-zA-Z ]+" value=" Subscription List" />'; 
echo '</div>'; 

echo '<div class="signup"><input type="submit" name="cf-submitted" value="Sign Up"></div>'; 
echo '</form>'; 
echo '</div>'; 
} 

脚本:

jQuery(document).ready(function($) { 
$('#cf-email').val(''); //txtID is textbox ID 
});​ 

试着用这个代码,但它无法正常工作。

发送电子邮件:

function deliver_mail() { 

// if the submit button is clicked, send the email 
if (isset($_POST['cf-submitted'])) { 

    // sanitize form values 
    $email = sanitize_email($_POST["cf-email"]); 
    $subject = sanitize_text_field($_POST["cf-subject"]); 
    $message = "This person $email has been subscribed to your channel. "; 

    // get the blog administrator's email address  
    $to = '[email protected]'; 

    $headers = "From: <$email>" . "\r\n"; 

    // If email has been process for sending, display a success message 
    if (wp_mail($to, $subject, $message, $headers)) { 
     echo '<div>'; 
     echo '<div id="deletesuccess">Thanks for Subscribing .</div>'; 
     echo '</div>'; 
    } else { 
     echo 'An unexpected error occurred'; 
    } 
} 
} 
+0

请问你的表单被提交,通过AJAX? – 31piy

+0

您在ID#cf-email中选择您的字段没有该ID,只有名称。设置一个ID =“cf-email” – VA79

+0

对不起..我的坏...它确实。 :) – VA79

回答

1

您可以在表单上使用.reset段()。

$(".myform")[0].reset(); 
+0

你可以编辑我的脚本 – user8001297

+0

我强烈提及任何与myform类,我们需要在表单中添加此类或提交按钮 – user8001297

+0

给你的

标签这样的类或ID: echo''; (“#myform”)[0] .reset();然后使用 – Deepa

0

尝试下面的场景:

第一:使用$ _ POST空在那里你完成你的过程。

$_POST = array(); 

二:使用下面的脚本:

$("form").submit() { 
    $(this).closest('form').find("input[type=text], textarea").val(""); 
}); 

三:完成你的过程只是referesh页面使用PHP后:

header("Location: http://example.com/"); 
+0

它不在核心PHP它是wordpress – user8001297