`

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
分享到:
评论

相关推荐

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

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

    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`函数,遍历所有需要验证的输入字段,只有当所有验证都通过时,才允许表单提交。 通过以上步骤,你...

    【JavaScript源代码】JavaScript实现异步获取表单数据.docx

     本文实例为大家分享了JavaScript实现异步获取表单数据的具体代码,供大家参考,具体内容如下 在上一篇文章中讲到了使用JavaScript异步提交表单中的数据,那么今天我们就讲讲利用JavaScript异步获取表单中的数据;...

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

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

    js验证form对话框

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

    form_login 表单验证 客户端验证

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

    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....

    JavaScript表单验证案例.pdf

    &lt;form id="form1" name="form1" method="post" action="" onsubmit="return checkinput()"&gt; ``` 这使得在用户点击提交按钮时,`checkinput()`会被执行,执行结果决定表单是否可以提交。 除了简单的空值检查,...

    form的OnSubmit和input type=image使用介绍

    在HTML表单中,`&lt;form&gt;`元素是用于收集用户输入数据的核心组件,而`onSubmit`事件处理程序和`input type=image`是两个关键特性,它们有助于增强表单的交互性和控制提交流程。 `onSubmit`是HTML表单的一个属性,它...

    JavaScript表单验证

    &lt;form id="myForm" onsubmit="return validateForm()"&gt; ``` 在`validateForm()`函数中,我们可以对表单元素进行检查。常见的验证包括非空检查、长度限制、格式校验(如邮箱、电话号码)等。例如,检查用户名是否为...

    表单的各种javascript验证 实例

    &lt;form onsubmit="return validateForm()"&gt; &lt;!-- 表单元素 --&gt; &lt;/form&gt; ``` 以上就是关于表单的各种JavaScript验证实例的详细讲解,希望对你的开发工作有所帮助。实践中,不断尝试和优化,才能更好地提升用户体验。

    web开发的各种form验证

    `validateForm`是我们的验证函数,它会检查表单中的所有输入是否有效。对于每个输入字段,我们可以通过DOM操作获取其值,然后进行相应的验证。比如,检查必填字段: ```javascript function validateForm(event) { ...

    JavaScript的经典表单验证

    &lt;form onsubmit="return validateForm();"&gt; &lt;!-- 表单元素 --&gt; &lt;/form&gt; ``` 除了上述基础验证,还可以实现更复杂的场景,如日期范围验证、电话号码格式验证等。同时,为了提供更好的用户体验,可以使用AJAX异步...

    JavaScript语言参考手册

    JavaScript 有赋值、比较、算术、位、逻辑、字符串和特殊操作符。本章描述了这些操作符,包含了关于操作符优先级的信息。 赋值操作符 比较操作符 算术操作符 % (求余数) ++ (自加) -- (自减) - (一元否定) 位操作符 ...

    javascript脚本收集

    这段代码定义了一个名为`checkform`的函数,它会检查`oo`名称的`radio`按钮组中是否有被选中的选项。如果没有选择,将弹出警告并阻止表单提交。 ```html function checkform(obj) { for (i = 0; i ; i++) if ...

Global site tag (gtag.js) - Google Analytics