`

javascript中form 中onsubmit为什么会有return

阅读更多

w3c过来的+百度来的

 

解释下:

    form里面的

    onsubmit="return validate_form(this)"中的return

加return的话,当函数return false的时候,此表单是不会提交请求的,
为true的时候才会跳转页面。如果不加return的话,即使....函数为false依然会跳转到submit页面。
<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>
2
2
分享到:
评论

相关推荐

    IE7以下不兼容JS的onsubmit方法

    IE6、IE7不支持在Javascript中调用form对象的onsubmit方法,本方法用于兼容IE6、IE7下对onsubmit方法的支持,各大浏览器均测试过。

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    这种方式是在form标签上设置onsubmit事件处理函数。 ```html &lt;script type="text/javascript"&gt; function check() { var form = document.forms[0]; if (form.userId.value == '') { alert("请输入用户帐号!"); ...

    JavaScript event(事件) 字符串长度控制及Form表单提交控制

    在本主题中,我们将深入探讨JavaScript中的事件、字符串长度控制以及如何对Form表单进行提交控制。 首先,我们来讨论JavaScript事件。事件是用户与网页进行交互时产生的动作,比如点击按钮、滚动页面或填写表单。...

    js中return false(阻止)的用法.docx

    ### JavaScript中`return false`的使用详解 #### 一、`return false`的基本概念与作用 在JavaScript中,`return false`通常用于阻止事件的默认行为。当一个事件发生时,浏览器通常会执行一系列默认操作。例如,...

    Javascript中的return作用及javascript return关键字用法详解

    JavaScript中的return语句在函数中起着至关重要的作用,它不仅可以终止函数的执行,还能将表达式的值返回给函数的调用者。本文将详细探讨return关键字在JavaScript中的具体用法,以及如何影响函数的返回值和程序的...

    JavaScript中return false的用法

    在JavaScript编程中,`return false`是一个非常常用的语句,尤其是在事件处理中。本文将详细探讨`return false`的用法,以及它在防止默认事件行为方面所起的作用。 首先,需要明确的是,`return false`通常出现在...

    JS验证页面form表单数据,齐全

    require指不能为空(true表示不允许为空),dataType指数据类型(Mobile表示是手机号码类型,在validate.js文件中有很多种数据类型,根据需要选择),msg指如果不满足数据类型时的提示信息,requiremsg指如果为空的...

    onsubmit阻止form表单提交与onclick的相关操作

    总结,`onsubmit`事件和`return false`是JavaScript中控制表单提交的关键机制,它们允许开发者在表单提交前进行验证、交互等操作,提高了用户体验和数据安全性。正确理解和使用这两个特性对于后台编程人员至关重要,...

    JSP避免Form重复提交的三种方案

    1. 在 Form 中添加一个隐藏的输入字段,用于存储令牌值:&lt;html:form&gt; 会自动根据 session 中标识生成一个隐含 input 代表令牌,防止两次提交。 2. 在 Action 中,验证事务控制令牌,如果不匹配,则抛出错误。 3. ...

    Javascript 提交时的消息或提示窗口

    在HTML的表单元素中,`&lt;form&gt;`标签有一个`onsubmit`属性,可以绑定一个JavaScript函数。这个函数会在用户尝试提交表单时被调用。例如: ```html &lt;form id="myForm" onsubmit="return validateForm()"&gt; &lt;!-- 表单...

    教你一天玩转JavaScript(五)——使用JavaScript完成注册页面表单提示及校验

    &lt;form onsubmit="return validateForm()"&gt; &lt;!-- 表单内容 --&gt; &lt;/form&gt; ``` 然后在JavaScript中定义`validateForm`函数,遍历所有需要验证的输入字段,只有当所有验证都通过时,才允许表单提交。 通过以上步骤,你...

    过滤出java中的sql,js中的javascript

    &lt;form name="myForm" onsubmit="return validateForm()" method="post"&gt; &lt;/form&gt; ``` 要过滤并提取这些特定语言的代码片段,可以使用各种工具和技术。例如,使用正则表达式搜索代码库,查找特定的字符串模式;...

    javascript处理表单大全

    &lt;form onsubmit="return test()"&gt; &lt;textarea name="content" cols="40" rows="6"&gt;&lt;/textarea&gt; 检查"&gt; &lt;/form&gt; ``` **2. 限制只能输入汉字** 该功能用于确保用户输入的是汉字,非汉字字符将被移除。 ```html (/...

    js验证form对话框

    &lt;form onsubmit="return validateNotEmpty(input1) && validateNumber(input2) && validatePhoneNumber(input3) && validateEmail(input4)"&gt; 姓名"&gt; 年龄"&gt; 手机号码"&gt; 电子邮件"&gt; 提交 &lt;/form&gt; ``` 以上代码...

    深入理解javascript中return的作用

    在JavaScript中,return语句被广泛应用于函数中,它主要有两个作用:一是返回函数的执行结果;二是控制函数的执行流程。通过return语句,函数能够将计算结果或状态返回给调用它的代码,从而实现代码间的通信。同时,...

    form_login 表单验证 客户端验证

    &lt;form id="loginForm" onsubmit="return validateForm()"&gt; 用户名"&gt; 密码"&gt; 登录 &lt;/form&gt; ``` 然后在JavaScript中定义`validateForm()`函数: ```javascript function validateForm() { var username = ...

    防止Layui form表单重复提交的实现方法

    首先,在HTML表单中,为了避免在提交时页面刷新导致的重复提交,可以在&lt;form&gt;标签中使用onsubmit="return false;"属性。这个属性的作用是在表单提交时返回false,阻止浏览器执行默认的提交行为,即刷新页面。但仅仅...

    JavaScript中文参考手册

    本书是 JavaScript 语言的参考手册,包括核心语言中的对象和客户端、服务器端的扩展。JavaScript 是 Netscape 跨平台的基于对象的适合于客户和服务器的脚本语言。 本书已经更新于 JavaScript 1.2 的新特性,其它...

    javascript表单验证方式一

    &lt;form onsubmit="return validateForm()"&gt; &lt;!-- 表单元素 --&gt; &lt;/form&gt; ``` 在JavaScript部分,定义`validateForm`函数来执行验证逻辑: ```javascript function validateForm() { var email = document....

Global site tag (gtag.js) - Google Analytics