Php 我的表单在刷新页面时添加空白字段

Php 我的表单在刷新页面时添加空白字段,php,javascript,Php,Javascript,可能重复: 我想使用javascript,因为我的表单在刷新时不会向表中添加任何数据,或者我的代码在这里是空白字段 <form id="form1" name="form1" method="post" onsubmit="return validateForm()" action=""> Name <input type="text" name="name" /> <br /> Website <input type="text" n

可能重复:

我想使用javascript,因为我的表单在刷新时不会向表中添加任何数据,或者我的代码在这里是空白字段

<form id="form1" name="form1" method="post" onsubmit="return validateForm()" action="">
    Name <input type="text" name="name" /> <br />
    Website <input type="text" name="website" /> <br />
    Description <input type="text" name="description" /> <br />
      <input type="submit" name="submit" value="Submit"/>
    </form>
    <?php
    global $wpdb;
    $wpdb->query("insert into ".PRO_TABLE_PREFIX."tutorial ( name, website, description )
    values('{$_POST['name']}','{$_POST['website']}','{$_POST['description']}')");

    ?>

名称
网站
说明
尝试:


名称
网站
说明
函数validateForm(){ var arr=document.getElementsByClassName('txt'); var误差=“”;
对于(var i=0;我将有一个SQL调用的字段日。您在提交单击和表单提交时执行验证,它应该只在表单提交上。我建议将错误连接到一个警报中,而不是多个警报。这对用户体验更好-用户可以一次更正所有错误。@MrCode这有多可能?我是新手当我刷新网页时如何自动添加数据?显示没有错误,但是当我点击提交按钮时,在表1中添加空白字段用于更新。@开发人员7在这个答案中的代码在语法上和逻辑上是正确的,因此你一定是做错了。检查你的错误控制台。
    <form id="form1" name="form1" method="post" onsubmit="return validateForm();" action="aaa">
        Name <input type="text" class="txt" name="name" /> <br />
        Website <input type="text" class="txt" name="website" /> <br />
        Description <input type="text" class="txt" name="description" /> <br />
        <input type="submit" id="submit" value="Submit"/>
    </form>

    <script type="text/javascript">
        function validateForm(){
            var arr = document.getElementsByClassName('txt');
            var errors = '';
            for(var i=0;i<arr.length;i++){
                if(!arr[i].value){
                    errors += arr[i].getAttribute('name') + ' cannot be blank\n';
                }
            }
            if(errors.length){
                alert(errors);
                return false;
            }
        }
    </script>