资讯专栏INFORMATION COLUMN

FORM中使用onSubmit="return false"防止表单自动提交,以

番茄西红柿 / 409人阅读

摘要:在页面中有多个的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下,就会出现此问题后来在中添加问题终于解决。下边对防止表单自动提交,以及和提交表单进行了些总结,希望对大家有些用如果有不当的地方请指出。

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题.

 

后来在form 中添加:onsubmit="return false;"问题终于解决。

 

 

下边对“防止表单自动提交,以及submit和button提交表单”进行了些总结,希望对大家有些用(如果有不当的地方请指出)。




总结:FORM onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别




 







   
   
   



   



总结期间找了些关于onsubmit="return false;"的文章,作为资料也贴在下边。

URL:http://bbsanwei.javaeye.com/blog/271547

onSubmit的使用
  在web开发中,我们经常会遇到,一点回车键表单就自己提交的问题,能不能禁用回车键呢,答案是肯定的. 


Html代码 
  
...............   
  


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

Html代码 
  
  
  
  
  
  
...............   
  
  
  







...............


 

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

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

Html代码 
  
...............   
  


因为check()不通过后会返回false, 因为onsubmit属性就像是

这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true,所以还是相当于验证通过 
记得对表单验证一定要写成这样 

Html代码 
  
...............   

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1877.html

相关文章

  • 「每日一瞥

    摘要:首先,我们需要一个基本框架来处理表单域变化和表格提交。最起码我们需要提供一个来告诉如果用户还没有对表单域进行改动,就不必展示错误。我们需要一个来标识用户已尝试提交表单,还需要来标识表单是否正在提交以及每个表单域是否正在进行异步校验。 showImg(https://segmentfault.com/img/remote/1460000017516912?w=1200&h=630); ...

    XboxYan 评论0 收藏0
  • 文档和元素的几何滚动

    摘要:文档和元素的几何滚动当浏览器在窗口中渲染文档时,它将会创建文档一个视觉表现层,在哪里每个元素都有自己的位置和尺寸。通常应用程序将文档看做元素的树。的问题是触发该事件的文档元素的一个引用。 文档和元素的几何滚动 当浏览器在窗口中渲染文档时,它将会创建文档一个视觉表现层,在哪里每个元素都有自己的位置和尺寸。通常web应用程序将文档看做元素的树。 文档坐标和窗口坐标 元素位置以像素来进行度量...

    wanghui 评论0 收藏0
  • 常用列表页常见hook封装解析

      我们今天来讲讲关于ahooks 源码,我们目标主要有以下几点:  深入了解 React hooks。  明白如何抽象自定义 hooks,且可以构建属于自己的 React hooks 工具库。  小建议:培养阅读学习源码的习惯,工具库是一个对源码阅读不错的选择。  列表页常见元素  后台管理系统中常见典型列表页包括筛选表单项、Table表格、Pagination分页这三部分。  针对使用 Ant...

    3403771864 评论0 收藏0
  • 实用的表单验证插件--jquery Validation

    摘要:默认值原生的表单提交类型表单验证通过后提交表单的回调函数。使用去控制这个组的验证信息被放置的位置。例子禁用对焦验证。他的回调函数被传入两个参数类型元素这个元素是当前正在被验证的,是一个元素。此函数的上下午为验证对象本身。 Validation文档翻译 前言 Validation作为表单验证中最常用的插件,为我在开发过程中提供了很多便利的地方。虽然说我很常用,但是我真的不敢说我会用Val...

    eccozhou 评论0 收藏0
  • 项目react表单数据形式配置化设计

      作为开发和前段人员,日常中经常接触到有关表单。其实表单在日常中工作内容虽然是重复,也要不停在写 FormItem...,以及为组件加上请输入/请选择等无脑的 placeholder 文本和请输入xx/请选择xx等必填提示。再有就是表单一般都存在编辑页和详情页,而为了代码更好的维护性通常会将编辑和详情用一套代码实现。这样就影响我们的代码里就会出现isEdit ? 表单组件 :简单来说就是无大脑的...

    3403771864 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<