Question

     function my_fav_quote_show_optin_form() {  

        if (!empty($_POST['my_fav_quote_email'])) {

            my_fav_quote_opt_in();
        }
            $out2 = '';

            $out = '<form action="" method="post" id="requestQuote">';
            $out .= '<table style="padding="0px" width="40px">';
            $out .= '<tr><td style="vertical-align: middle;">Message:<br></td><td><textarea placeholder=""  name="my_fav_quote_message" id="my_fav_quote_message"></textarea></td></tr>';
            $out .= '';


            $out .='<tr><td colspan="2">';
            if ( function_exists( 'my_fav_quote_display' ) ){
                $out .= my_fav_quote_display();
            }



            if ( function_exists( 'my_fav_quote_display3' ) ){
                $out .= my_fav_quote_display3();
            }


            $out .='</td></tr>';
            $out .= '<tr><td colspan=2 align=center><input type="submit" value="Request Quote" onclick="return chk_validation()" style="background-color:#000;color:#FFF;padding:5px;margin-top:10px;border:none;cursor:pointer;"/>  <input type="button" onclick="formReset()" value="Reset form" /></td></tr>';

            $out .='</table></form>';
            echo $out;
            ?>
                <script language="javascript" type="text/javascript">
                    function formReset()
    {
    document.getElementById("requestQuote").reset();
    }
    //<![CDATA[
                    function validate_email(field,alerttxt)
                    {

                      apos=field.indexOf("@");
                    // alert(apos);
                      dotpos=field.lastIndexOf(".");
                       //alert(dotpos);
                      if (apos<1||dotpos-apos<2)
                        { return false;}
                      else {return true;}

                    }
                    function chk_validation()
                    {
                        if(document.getElementById("my_fav_quote_name") && document.getElementById("my_fav_quote_name").value == '')
                        {
                            alert("Please Enter Name");
                            document.getElementById("my_fav_quote_name").focus();
                            return false;
                        }

                        if(document.getElementById("my_fav_quote_email").value == '')
                        {
                            alert("Please Enter Email");
                            document.getElementById("my_fav_quote_email").focus();
                            return false;
                        }
                        else
                        {

                        //alert(validate_email(document.getElementById("my_fav_quote_email").value,"Not a valid e-mail address!");
                            if (validate_email(document.getElementById("my_fav_quote_email").value,"Please enter valid e-mail address!")==false)                        {
                            alert("Please enter valid e-mail address!");
                            document.getElementById("my_fav_quote_email").focus();
                            return false;
                            }
                        }
                        if(document.getElementById("security_code").value == '')
                        {
                            alert("Please Enter Security Code");
                            document.getElementById("security_code").focus();
                            return false;
                        }
                        if(document.getElementById("quotes").value == '')
                        {
                            alert("Please add atleast one request quote");
                            document.getElementById("quotes").focus();
                            return false;
                        }
                        //return true;
                    }



                    //]]>

                </script>
    <?php

    }

这是一个用php编写的wordpress插件之一的形式我需要添加一个我试过的重置按钮

function formReset()
    {
    document.getElementById("requestQuote").reset();
    }

但那不起作用

Wordpress插件使用link

我想在用户点击重置按钮时重置表单所有显示的数据都应该从所有的数据库中删除来自（实际上没有发生的两个函数my_fav_quote_display3＆amp; my_fav_quote_display＆amp;）。

为什么我能做到这一点？

Answer 1

您的reset（）调用成功重置了表单，这正是您希望它执行的操作。

问题在于，不仅仅是要清除的表单：您似乎使用了一个插件，它提供了my_fav_quote_display()个功能。实际上没有办法告诉这些方法是做什么的，这个插件使用了数据库中的哪个字段（如果有的话），因为你没有显示任何相关的代码（甚至没有提到插件的名称）。

要使报价永久消失，您需要查看插件的API，了解my_fay_quote_display()和my_fav_quotes_display3()的工作方式，如果有数据字段可以重置，或者其他方式阻止它们被展示

Answer 2

您只需使用重置类型按钮重置表单即可。

<input type="reset" value="Reset">

Answer 3

<input type="button" onclick="formReset()" value="Reset form" />

HTML有重置按钮，你不需要javascript。

<input type="reset" value="Reset form" />

Answer 4

如果你真的想用javascript做，你可以做类似的事情：

<form name="myform"></form>
<script> document.myform.reset() </script>

使用name标签而不是id，它应该有用，至少对我有用。

reset功能以表格形式显示数据

4 个答案: