form表单提交2次的原因

iteye_137

于 2010-03-24 14:32:21 发布

阅读量1k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了两种表单提交的方法及如何使用JavaScript进行简单的字段验证。第一种方式利用按钮触发验证函数，通过则提交表单；第二种直接使用提交按钮并附加验证逻辑，但需注意避免重复提交的问题。

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

1.第一种写法：
(1)<form name="loginForm" action="login" method="post" id="loginForm">
<input type="button" value="tijiao" οnclick="return checkField();"/>
</form>
(2)function checkField(){ 
if(usernameValue !== "" && passwordValue !== ""){
    	document.getElementById("loginForm").submit();    
    	return true;
    }
}
2.第二种写法：
(1)<input type="submit" value="tijiao" οnclick="return checkField();"/>或者图片<input type="image" src="../images/btn-login.gif" alt="Login" class="btn-login" οnclick="return checkField();"/>
(2)if(usernameValue !== "" && passwordValue !== ""){
                如果写了它就提交了2次。
    	//document.getElementById("loginForm").submit();    
    	return true;
    }