最近做项目遇到用Javascript提交表单的问题, 之前也做过几次, 但是不够全面, 这次总结出了几种用JavaScript提交表单的方式, 并且对此作出了比较, 选出了一种最适合此项目的方式。我目前正在为Sun Communication Suite做一个创建用户的小型系统,大家都知道我们可以通过表单,Ajax 和链接来访问服务器, 最简单的方法就是使用连接, 例如:<a href=UserServlet?event=SEARCH_MAILING_LIST¤tPage=1&keyword="+keyword+"&s...
推荐阅读:Javascript的表单验证长度 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 坏数据不该抵达服务器:提交表单时的验证 表单域对象里有个form特性,它使用数组表示了整份表单的域 假如这里只有一个简单的信息文本框和一个邮政编码框,还有一个提交按钮 <form> <input id="message" name="message" type="te...
大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能。代码实例如下:如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。 <!DOCTYPE html...
有时候我们为了省事就操作键盘组合键去代替使用鼠标,我们今天就使用JQuery实现Ctrl+Enter提交表单。 我们发帖时,在内容输入框中输入完内容后,可以点击“提交”按钮来发表内容。可是,如果你够“懒”,你可以不用动鼠标,只需按住键盘上的Ctrl+Enter键,即可提交表单,完成内容发布。 当然,由于输入框是一个多行文本输入框textarea,我们知道,在textarea中按Enter(回车)键可以换行,并不能直接提交表单(submit),而默认情况下,...
以jQuery插件开发的方法开发。具体代码如下: jQuery.fn.extend({/*** ctrl+enter提交表单* @param {Function} fn 操作后执行的函数* @param {Object} thisObj 指针作用域*/ctrlSubmit:function(fn,thisObj){var obj = thisObj || this;var stat = false;return this.each(function(){$(this).keyup(function(event){//只按下ctrl情况,等待enter键的按下if(event.keyCode == 17){stat = true;//取消等待setTimeout(function(){sta...
本文实例讲述了js实现不提交表单获取单选按钮值的方法。分享给大家供大家参考。具体如下: 这是JS实现的特效,不提交表单获取相关的控件值。如本例所示,不提交表单即可获取单选按钮的值。 运行效果截图如下:在线演示地址如下: http://demo.jb51.net/js/2015/js-alert-show-table-value-codes/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> ...
本文实例讲述了jquery实现Ctrl+Enter提交表单的方法。分享给大家供大家参考。具体如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Text Box Enter</title> <style type="text/css" media="screen"> body {font: 16px/1.5 helvetica-neue, helvetica, arial, san-serif;}textarea {border: 1px solid #ccc;display: block;width: 250px;height: 100px;}p {bor...
出现自动提交的情况,有两种可能: 一是编写了javascript代码,当用户点按Enter键时,通过js事件侦听机制触发表单的提交。 二是利用了浏览器的默认行为(至少发现ie是这样的)。浏览器在解析网页的时候,有许多默认的行为,例如如果一个页面上有表单和一个提交按钮,那么打开页面时,焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域(text),那么在这个输入域中按Enter键时,浏览器会自动提交该表单。...
本文实例讲述了js实现键盘Enter键提交表单的方法。分享给大家供大家参考。具体实现方法如下: //执行键盘按键命令 function keyDown(e){ var keycode = 0;//IE浏览器if(CheckBrowserIsIE()){keycode = event.keyCode;}else{//火狐浏览器keycode = e.which;}if (keycode == 13 ) //回车键是13{//document.getElementById("login").click();document.getElementById("loginform").submit();} } //判断访问者的浏览器是否是IE functio...
功能很实用代码也很简单,就不多废话了,直接奉上: $.ajax({url:"mobileSurveyAction_addSurvey.action",//提交地址data:$("#form1").serialize(),//将表单数据序列化type:"POST",dataType:"json",success:function(result){if (result.success == 100){$("#mySection").hide();$(".footer").hide();$("#alertMsg").show();}else{alert("失败!");}}}); 以上所述就是本文的全部内容了,希望能够对大家熟练掌握异步提交表单有所帮助...
使用jquery的submit()函数提交form表单时,总是无法提交表单。这个问题太诡异了,是因为form中提交表单的input的name属性为submit,把name改成其他的名称,就可以使用了。 表单可以提交之后,又出现了新的问题。由于基于dz开发,表单提交之后使用submitcheck()这个函数来检查表单是否提交,由jquery提交上来的表单始终无法验证通过。最后采用模拟点击提交按钮的方法来实现。代码如下: <!-- lang: js --> $(input#asubmit).trigger(...
本文实例总结了javascript实现回车键提交表单方法。分享给大家供大家参考。具体分析如下: 第一种方法:javascript实现代码如下:<html> <head> <title> javascript 实现回车键提交表单</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="text/javascript"> document.onkeydown = function(ev){ ev = ev || window.event; if(ev.keyCode == 13){ alert("我要提交表单了"); } ...
直接上代码把:代码如下: <div id="register"> <h4>会员注册</h4> <div class="formdiv"> <form method="post" action="register.php?action=register" name="register" id="registerForm"> <dl> <dt>请认真填写以下内容</dt> <dd class="hasspan"> 用户名:<input type="text" name="username"> </dd> <dd class="hasspan"> 密码:<input type="password" name="pwd"> </dd> <dd class="hasspan"> 确认密码:<input type="passwor...
直接上代码把: <div id="register"><h4>会员注册</h4><div class="formdiv"><form method="post" action="register.php?action=register" name="register" id="registerForm"><dl><dt>请认真填写以下内容</dt><dd class="hasspan">用户名:<input type="text" name="username"></dd><dd class="hasspan">密码:<input type="password" name="pwd"></dd><dd class="hasspan">确认密码:<input type="password" name="pwdagain"></d...
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 <pre class="javascript" name="code">function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交"; this.submit(); }else{ this.action="doAddMessage.action?button=保存"; this.submit(); } }); }</pre><br> <input type="IMAGE" src="style/...