代码如下: var code = function () { return false; }; var element = window.document.getElementById("form"); if (element.addEventListener) { element.addEventListener("submit", code, false); } 修改后的Code: 代码如下: var code = function (eventObject) { if (eventObject.preventDefault) { eventObject.preventDefault(); } else if (window.event) /* for ie */ { window.event.returnValue = false; } retu...
比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 如果表单里有一个type=”submit”的按钮,回车键生效。 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。 如果按钮不是用input,而是用button,并且没有加type,IE下默...
前言: 咋一看标题还挺长的呢,还有这么多功能,其实简化一点就是一个功能,异步表单提交,只是在异步表单提交这个大功能下,可以实现图片上传,模拟ajax技术(其实很早以前就是通过这个方式来实现多浏览器的兼容ajax,这里只是怀怀旧,作为一个技术来玩玩),下面的内容需要有一定的js基础,要不然理解起来会比较困难。 注意事项: 这是我bBank里面的一个方法,现在我把他提取出来成一个通用方法来讲解。 bBank 框架介绍:http://...
今天在做公司的项目的时候,遇到一个问题: 我们希望在二级栏目搜索的时候,判断用户有没有加上这个栏目特有的关键字(比如“教程”),因为我们是全站搜索,如果不加关键字,搜索出来的东西会很多、很杂,这样我们就是想在教程这个栏目下,搜索出来的全都是教程相关的东西,所以我们东了点小心思,对搜索的关键字做了点小改动,代码如下:代码如下: $(#search-form).submit(function() {//取出keyword$keyword = $(#keyword);//判...
摘要: artEditor.js是一款移动端的富文本编辑器,支持图片上传,后面会增加表情、小视频等功能。最近有朋友反馈artEditor是否支持表单提交,当然是支持的,在未开发该功能之前,你可以像下面这样来实现表单提交$('.submit').on('click', function(e) { e.preventDefault(); $('.hidden').val($('#artEditor').getValue()); $(this).submit(); }); 新功能:新增formInputId参数,该参数表示form隐藏域的id,会将编辑器内容放到隐...
1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要遇到return语句,程序就在那一行代码停止执行,执行控制将立刻返回到调用该程序的代码处。function 代码如下: function chkinput(form) { if(form.title.value=="") { alert("请输入文章标题!"); form.title.select();...
相当于发送按钮的超链接 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在表单提交前进行验证的几种方式 . 在Django中,为了减轻后台压力,可以利用JavaScript在表单提交前对表单数据进行验证。下面提供了有效的几种方式(每个.html文件为一种方式)。 formpage1.html 代码如下: Example1 function jump() { //清空表单所有数据 document.getElementById("firstname").value="" document.getElementById("lastname").value="" $("#firstnameLabel").text("") $("#lastnameLabel").text("") } $(d...
代码如下:表单提交后按钮变灰与之间
可以用jquery的post或者是get方法去实现($.post(url, params, callback ) $.get(url, params, callback) ) 返回值:XMLHttpRequest 参数: url (String): 装入页面的URL地址。 params (Map): (可选)发送到服务端的键/值对参数。 callback (Function): (可选) 当远程页面装入完成时执行的函数. 我们在做表单提交的时候 一般都会要求提交操作完成后弹出操作成功/失败的提示框。 这时候就要用到callback这个回调函数了。 事例: ...
下面的代码 实现的控制表单提交 代码如下: function shangchuan(){ var filepath = document.getElementById("file").value; alert(filepath); if(filepath==""){ alert("请选择上传的文件!"); document.getElementById("file").disabled=true; } var extname=filepath.substr(filepath.length-3, filepath.length); alert("extname::"+extname); //var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.leng...
代码如下: //创建测试实例 function createInstance() { var options = { success : function(json) { if (json.succ) { alert(json.info); window.parent.ymPrompt.doHandler("close", true); } } }; $("#f1").ajaxSubmit(options); } //关闭按钮 function close...
之前项目中使用的表单提交方式 使用form()方法可以将提交事件脱离submit按钮,绑定到任何事件中 代码如下: function addSubmit(){ $(#addForm).form(submit, { url : _basePath + /@Controller/@RequestMapping, onSubmit : function() { if(boolean){//放置能否提交的判断条件 $.messager.show({ title:提示,msg:不符合保存条件, showType:fade,style:{right:,bottom:} }); return false;//阻止表单提交 } return $(#addForm).fo...
在提交事件中加入这一句 代码如下: for ( instance in CKEDITOR.instances ) CKEDITOR.instances[instance].updateElement();
Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现。网上的客服软件也是ajax请求的一个比较好的案例。传统的请求页面将实现刷新,因此局限性很大。 1.为什么用AJAX?使用AJAX,用户对Web的体验会更“敏捷”:数据提交页面不会闪屏;页面局部更新速度快;网络带宽占用低。...