表单提交检测

最新推荐文章于 2024-05-16 21:34:24 发布

sebastain

最新推荐文章于 2024-05-16 21:34:24 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/sebastain/article/details/41825331

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了两种表单提交的方法，一种是通过按钮触发JavaScript函数进行验证并提交，另一种是在表单自身上设置onsubmit事件进行验证。文章通过具体实例展示了如何使用这两种方法确保表单数据的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：提交按钮为button，处理click事件。验证正确，提交表单

<HTML>
<HEAD>
<TITLE>OSGi Dictionary Query Demo</TITLE>
<meta http-equiv="Content-Type" content="text/html;charset=GBK" /> 
<script>

	function queryWord(){
		if(document.frmCalc.query_word.value==""){
			alert("必须输入单词");
			document.frmCalc.word.focus();
			return;
		}
		document.frmCalc.submit();
	}

</script>
</HEAD>

<BODY>
<table style="width:100px;border:1px solid;height:100px">
	<form name=frmCalc method="post" action="/demo/dictquery">
		<tr bgcolor="#C0C0C0">
			<td colspan="4" align="center">DictQuery示例</td>
		</tr>
		<tr>
			<td><input type="text" name="query_word" size="20"></td>
			<td><input type=button name=btnSubmit value="查询" onclick="queryWord();"></td>
		</tr>
	</form>
</table>
</BODY>
</HTML>

方法二：

<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
< !--
function form_onsubmit() {
if (frmreg.T2.value=="")
{
alert("密码不能为空!");
frmreg.T2.focus();
return false;
}
return true;}
//-->
< /SCRIPT>

=======================================
<form method="post" action="register.asp" name="form" LANGUAGE=javascript onsubmit="return fo