onsubmit始终提交

onsubmit return false仍提交表单

博主之前遇到这样的问题,是因为代码有错,改正之后就正常了. 但今天确定代码没错,仍然return false提交表单. 总结网上各路大神的解释: 1.onsubmit的作用是防止form只有一个input时提交表单 2.onsubmit的作用是先提交表单的动作再执行函数,最后无论函数返回正确与否都完成提交动作具体真相读者自行百度吧.我偏向2,但与我之前的情况相悖,也不完全确定. 做法: 只能麻烦一点将input submit换成input button了.fun里设置表单提交,不用多解释了吧

Form表单三种提交按钮的区别？

1.<input type='button' id='btn' onclick='check()' value="提交"> 说明:只是普通的按钮(不附带提交功能),不会触发form表单的submit()事件,所以点击后不会提交表单好处:可加入js验证,验证后若想提交可使用 document.Formname.submit() -->js 提交函数,进行提交 Formname 为表单的name名字若不加载提交,利用Ajax获取数据,可实现页面不刷新,文本框内容保

js 禁止表单提交的方法（文件上传）

添加图片上传的表单,在form 添加属性onsubmit,提交之前会执行其中的方法,若返回FALSE,不会提交,返回TRUE,才会提交 <form method="post" enctype="multipart/form-data" action="/UpLoad.ashx" onsubmit="return check()"> <input type="file" name="

使用JS对form的内容验证失败后阻止提交 &&js校验表单后提交表单的三种方法总结

1.form的两个事件 submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件.如果不加控制的话,默认返回true,因此表单总能提交. 2. JS的校验通过在JS中用document.myform.name.value,来得到用户的每一个输入 ,进行校验,当完全通过时,返回TRUE,反之返回false. 3. 页面代码实现 /* <form name="testform" action="hell

表单验证提交——submit与button

之前做东西接触过表单验证提交,但是都是为了完成工作,做完就做完了,没有注过表单验证提交有几种方法,各方法都有啥区别.今天瞎折腾了一下,对他们研究了一下,如下是我个人的理解: submit: 从字面上看是“提交”的意思,专门为提交而生.他既可以接受点击提交表单也能接受Enter(回车键)提交表单(也就是表单里的控件在获取焦点的时候回车直接提交表单),这样就比较人性化. <form name="myForm" action="http://www.baidu.com&quo

form中onsubmit的使用

form 中的onsubmit在点submit按钮时被触发,如果return false;则结果不会被提交到action中去(也就是提交动作不会发生),如果不返回或者返回true,则执行提交动作.(<a onclick="return confirm('是否跳转到百度?');" href="http://www.baidu.com">baidu</a>也同理),下面是一个例子程序. <!doctype html> <html

利用JS 阻止表单提交

情景一:不存在Ajax异步操作 1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则(不需要通过访问服务器),否则提示错误信息,阻止表单提交. 2 相关技术点: form的两个事件 submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件.如果不加控制的话,默认返回true,因此表单总能提交. 3 Demo 页面代码: 1 @using (Html.BeginForm(null, null, n

使用JS对form的内容验证失败后阻止提交

1.form的两个事件 submit,提交表单,如果直接调用该函数,则直接提交表单 onSubmit,提交按钮点击时先触发,然后触发submit事件.如果不加控制的话,默认返回true,因此表单总能提交. 2. JS的校验通过在JS中用document.myform.name.value,来得到用户的每一个输入 ,进行校验,当完全通过时,返回TRUE,反之返回false. 3. 页面代码实现 /* <form name="testform" action="hell

js进阶 9-5 js如何确认form的提交和重置按钮

js进阶 9-5 js如何确认form的提交和重置按钮一.总结一句话总结: 1.这个并不好做:onsubmit 里面的代码必须返回false才能取消onsubmit方法的执行,所以,有return.注意:一般的调用肯定是没有return的.onsubmit="return queren()" 2.onsubmit="return queren()" 这句话的意思的form的submit方法调用return queren() 这段代码.这里可以是个函数,也可以是一

JS/Jquery 表单方式提交总结

1. submit提交 (1). submit 按钮式提交缺点:在提交前不可修改提交的form表单数据 // 1. html <form method="post" action="/../.." > <input type="text" name="username" value="" /> <input type="password" name=&qu

学习vue.js (一)

MVVM模式 MVVM是Model-View-ViewModel的简写,即模型-视图-视图模型.当View(视图层)变化时,会自动更新到ViewModel(视图模型),反之也一样,View和ViewModel之间通过双向绑定. 与MVC区别,MVC是单向通信,VUE就是基于MVVM模式实现的一套框架,在VUE中Model层指的是js中的data数据,View层指的是页面视图,ViewModel是指vue实例化对象. Vue.js的开发模式 Vue.js 是一套构建用户界面的渐进式框架当数据与DO

【JavaWeb】HTML&CSS 基础

HTML&CSS 基础 HTML 基础 HTML 标签 HTML标题:HTML 标题(Heading)是通过 h1 - h6 等标签进行定义的. HTML段落: HTML 段落是通过 p 标签进行定义的. HTML链接:HTML 链接是通过 a 标签进行定义的. <a href="http://www.w3school.com.cn">This is a link</a> HTML图像:HTML 图像是通过 img 标签进行定义的. <img

HTML5与CSS3新增特性笔记

HTML5 HTML5和HTML事件注意:行内代码的为H5新增事件 Window事件属性: 针对 window 对象触发的事件(应用到标签) onafterprint 文档打印之后运行的脚本 onbeforeprint 文档打印之前运行的脚本 onbeforeunload 文档卸载之前运行的脚本 onerror 在错误发生时执行的脚本 onhaschange 当文档以改变时运行的脚本 onload 页面结束加载之后触发 onmessgae 在消息被触发时运行的脚本 onoffline 当文档

表单验证插件之jquery.validate.js

提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JQuery表单验证插件jQuery.validate.js</title> <sty

DOM

DOM:Document Object Model 文档对象模型文档:html页面文档对象:页面中的元素文档对象模型:定义为了能够让程序(js)去操作页面中的元素DOM会把文档看作是一棵树document > html > html(标签),同时定义了很多方法来操作这棵树中的没一个元素:DOM节点:操作子节点和兄弟节点:childNodes(不推荐使用)是一个属性,属性是不需要加括号,用某个对象来调用,它是一个子节点列表集合.只包含一级子节点,不包含孙级节点标准下元素节点包含文本节点,也包含

表单验证——jquery validate使用说明【另一个教程】

[参考:http://www.tuicool.com/articles/y6fyme] jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jörn Zaefferer 编写和维护的,他

easyUI中的form表单

首先创建form表单,并在form表单上创建id便于执行表单验证 <form id="form1"action="" method="post" > 用户名:<input class="easyui-textbox" style="width:200px" data-options=" required:true,validType:'length[2,10]' "&g

BOM和DOM

Day 01 正课: 1.什么是DOM: 2.DOM Tree 3.遍历DOM树: 1.什么是DOM: 原生js=ECMAScript(核心语法)+ DOM(专门操作网页内容的API)+ 3天 BOM(专门操作浏览器窗口的API)+ 2天 DOM: Document Object Model 专门操作网页内容的API DOM标准: W3C 规定了操作一切结构化文档的API. 核心DOM: 操作一切结构化文档(包括HTML和XML)的通用API 万能,但繁琐 HTML DOM: 专门操作HTML文

DOM之表格与表单基础分享

我是沐晴,好久不见.马上要放假啦,也是比较的忙. 今天来谈谈表格和表单的基本知识.前期的写的都是比较基础的知识,后期会慢慢增加实例.一起来学习吧. 先看表格,DOM中提供了一些属性,便于我们获取表单节点:tBodies tHead tFoot rows(行) cells(列)(带S的都是获取的是一组元素) var oTab = document.getElementById('tab'); oTab.tBodies[0].rows[1].cells[0] //获取第二行的第一个注意,写表

git 一般的使用操作

1.先在github上建立自己的repository,取名为yourRepo 2.创建本地库 ssh -T git@github.com # 在初始化版本库之前,先要确认认证的公钥是否正确 git init # 初始化版本库 git remote add origin git@github.com:yourname/yourRepo.git # 进入要上传的仓库,添加远程地址 git add -A # 或者使用 git add * 添加所有仓库 git commit -m 'first comm

Javascript函数的简单学习

第九课函数的定义与调用1:函数的定义语法格式 function 函数名(数据类型参数1){//function是定义函数的关键字方法体;//statements,用于实现函数功能的语句 [返回值return expression]//expression可选参数,用于返回函数值 } 命名规则:函数名的命名规则,当一个名字包含多个单词的时候,习惯上用下划线把单词分隔开,如like_this().另一种习惯是在第一个单词以后的所有单

巴特西