`

onSubmit的使用

    博客分类：
  • HTML
HTMLWeb 
阅读更多
  在web开发中，我们经常会遇到，一点回车键表单就自己提交的问题，能不能禁用回车键呢，答案是肯定的. 


<from action="" method="post" onSubmit="return false">
...............
</from>

如果想在表单提交时，进行验证 

<html>
<head>
<script lanuage="javascript">
  function check()
{
//验证不通过时
return false;
}
</script>
</head>
<body>
<from action="" method="post" onSubmit="return check()">
...............
</from>
</body>
</html>



这样就会对表单进行验证再进行提交

要注意的是，千万不能写成 

<from action="" method="post" onSubmit="check()">
...............
</from>

因为check()不通过后会返回false， 因为onsubmit属性就像是<form>这个html对象的一个方法名，其值（一字符串）就是其方法体，默认返回true，所以还是相当于验证通过
记得对表单验证一定要写成这样 

<from action="" method="post" onSubmit="return check()">
...............
</from>

分享到：
| JAVA中怎么实现国际化(ResourceBundle 与lo ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    submit表单提交，onsubmit验证拦截

    submit表单提交，onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    IE7以下不兼容JS的onsubmit方法

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

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

    如果有OnSubmit会先执行这个函数，如果返回false则不提交表单！ 复制代码代码如下: [removed] function test() { alert&#40;“测试!”&#41; } [removed] &lt;form name=”F1″ onSubmit=”fuck();”&gt; &lt;input ...

    onsubmit=return checkAll()保存但能运行

    该描述进一步解释了问题的具体场景：在MyEclipse 1.0环境中，使用`onsubmit="return checkAll()"`时，能够正常保存并运行代码。这表明用户的配置或设置已经使得代码能够正确运行，但可能存在一些关于如何更好地利用...

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

    本文将详细讲解如何使用`onsubmit` 阻止表单提交以及与`onclick` 的相关操作。 1. **`return false` 的作用** 当在表单的`onsubmit`事件处理器中设置`return false`时，可以阻止表单的默认提交行为。这是因为...

    Form表单的action和onSubmit示例介绍

    在HTML中，onSubmit事件处理器通常都是需要使用return语句的，以确定返回值是true还是false。这一点在示例中已经得到了体现，即onSubmit="return check();"。如果忘记了return语句，那么函数将默认返回undefined，这...

    浅析onsubmit校验表单时利用ajax的return false无效问题

    代码如下:/** * 表单提交校验 **/function onSubmit(){ if($(‘#name’).val().length&lt;2){ alert&#40;“名称请不少于两个汉字”&#41;; return false; } var t = new Date().getTime(); $.ajax({ type: ...

    表单元素的submit()方法和onsubmit事件应用概述

    可以使用elemForm.submit();方法触发表单提交。1、表单元素中出现了name=”submit”的元素这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的...

    unity InputField组件中文输入

    1. **输入事件监听**：使用InputField的`OnValueChange`或`OnSubmit`事件，可以监听用户的输入变化和提交行为。当用户在InputField中输入时，这些事件会被触发，从而更新游戏逻辑或存储输入的数据。 2. **IME...

    react-auto-form:使用DOM表单API简化了通过onChange和onSubmit事件从表单获取用户输入的过程

    安装npm install react-auto-formimport AutoForm from 'react-auto-form'// orvar AutoForm = require ( 'react-auto-form' ) 浏览器捆绑包可用，它们导出一个全局AutoForm变量，并期望找到一个可以使用的全局React...

    JavaScript事件使用示例

    onload事件 ,onclick事件,onblur失去焦点事件,onsubmit表单提交事件的使用示例

    react-使用React构建的ChatUX组件受FacebookMessenger的启发

    在本文中，我们将深入探讨如何使用React来构建一个灵感源自Facebook Messenger的Chat UX组件。React是一种流行的JavaScript库，用于构建用户界面，特别是单页应用程序。Facebook Messenger是社交媒体平台Facebook的...

    基于Silverlight的经典框架easysl,含源代码

    一、此次主要是展示一个后台管理UI： 1. 登陆、列表、分页、添加、修改、删除，使用了...6. DialogPanel: 使用Window.ShowOpPanel(string title, UserControl panel, OnSubmit onSubmit) 7. DragHelper: 提供拖拽支持

    Web前端设计与开发技术课件第8章使用行为制作网页特效.pptx

    表单事件包括onChange、onFocus、onBlur、onSelect、onSubmit、onReset等。页面事件包括onLoad、onUnload、onError、onMove、onResize、onScroll等。 行为面板 在“行为”面板中可以将Dreamweaver CC 2018中内置的...

    确认框confirm的使用

    ### 确认框confirm的使用 在网页开发过程中，JavaScript提供了一系列的内置函数来帮助开发者与用户进行交互，其中`confirm()`函数就是一个非常实用的功能。通过`confirm()`，可以在网页上弹出一个对话框，询问用户...

Magicbox
Global site tag (gtag.js) - Google Analytics