验证form表单提交数据是否合法

先来介绍一个form表单

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

我们在给form表单添加action属性，赋值为所要跳转的页面，用method属性来定义传输方式，可以是post方式，也可以是post方式，例如：<form action="index.html" method="post"></form>，这就是一个通过post的方式将数据传送到index.html页面的表单。

那么如果我们需要验证表单内输入的内容是否合法，就需要我们通过js的方式来验证一下，请看下面的例子：

<form id="formid" method="post" action="index.jsp">
<input id="input1">
<img src="x.png" onclick="yanzheng()">

</form>
<script>
function yanzheng(){
 if($("#input1").val()==""){
   alert("请输入内容");
   return ;
}
   document.getElementById('formid').submit();
   return true;
}
</script>

这样就可以成功实现表单数据提交前验证了。