您的位置：首页 > Web前端 > HTML

Html form 表单提交前验证

2015-12-25 10:11 393 查看 
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<BODY>
<form action="http://www.baidu.com" onsubmit="return toVaild()">
<input type="text" id="ff">
<input type="submit" id="submit" value ="提交"/>
</form>
</BODY>
<script language="javascript">
function toVaild(){
var val = document.getElementById("ff").value;
alert(val);
if(val == "可以提交"){
alert("校验成功，之后进行提交");
return true;
}
else{
alert("校验失败，不进行提交");
return false;
}
}
</script>
</HTML>

上面的网页中，只有在id="ff"的输入框中输入“可以提交”，才进行表单提交；否则不提交。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航