Question

我目前有一个带有基本文本区域的html5表单，当你点击提交按钮时，会调用一个php脚本将数据发送到数据库。

但是，在调用PHP脚本之前，我想在调用PHP之前在窗体上运行一些验证（检查它是否为null等等），最好是在javascript中。

我有办法做到这一点吗？

感谢。

Html5表格：

<form action="submit.php" method="POST">
            <tr>
                <td id="textBox-back">  
                    <textarea id="rage-box" type="text" name="rage" cols="40" rows="5" maxlength="160"> </textarea>

                    <input id="submit" value="" name="submit" type="submit"/>


                </td>           

        </form>

Answer 1

<script language="javascript">
   function validate(){

       //Code of validation

       return false;
    }
</script>


<form action="submit.php" method="POST" onsubmit="return validate();">
        <tr>
            <td id="textBox-back">  
                <textarea id="rage-box" type="text" name="rage" cols="40" rows="5" maxlength="160"> </textarea>

                <input id="submit" value="" name="submit" type="submit"/>


            </td>           

    </form>

Answer 2

您需要在提交或表单上添加onclick。

var sub = document.getElementById('submit');
var tex = document.getElementById('rage-box');
sub.onclick = function(e){
  if(tex.value == ''){
     //stopping it from being sent
     e.preventDefault();
     alert('make sure everything is filled out');
  }
}

如果您在表单上添加活动，则需要：

为表单提供ID
获取表单并添加form.onsubmit = function（）{};
然后只需复制匿名函数内的代码。

在调用php函数之前验证html5表单？

2 个答案: