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

我现在有一个html5表单，里面有一个基本的文本区域，当你点击提交按钮时，调用一个php脚本将数据发送到数据库。在调用php函数之前验证html5表单？

但是，在调用PHP脚本之前，我希望在调用PHP之前在窗体上运行一些验证（检查它是否为空等），最好是在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>

来源

2015-03-03 Callum Holden

是吗？用Javascript？... Google是你最好的朋友。 – Jordy 2015-03-03 09:44:45

您可以使用这个所需的属性。但仍然：PHP检查是强制性的，因为不是每个浏览器都会执行检查（无论是在javascript中）。 – Blaatpraat 2015-03-03 09:45:11

好的，所以一些PHP是manditory。好的谢谢你的回应。 – 2015-03-03 09:46:44

<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>

来源

2015-03-03 09:48:31

啊，这是行得通的。然而，我可以花更长时间使用Google搜索。感谢您的回应！ +1 – 2015-03-03 09:49:33

您需要在提交或窗体上添加一个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 =函数（）{};
然后只需复制匿名函数中的代码即可。

来源

2015-03-03 09:51:47 rottenoats

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

回答

相关问题