HTML笔记 ·

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

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

参与评论