【javascript处理表单示例(javascript提交表单)_基础知识】教程文章相关的互联网学习教程文章

jquery动态改变form属性提交表单

有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求。 如: 代码如下:<form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"> <input type="file" name="file" id="file" class="input_text80"></input> <input id="name" name="name"/> <input type="button" value="更新到探测点" onClick="javas...

jquery实现预览提交的表单代码分享【图】

预览表单,查看后确认提交或者返回重填XML/HTML Code代码如下: <form class="mform" id="myform" method="POST" id="myform" action=""> <fieldset> <legend>Registeration</legend> <table cellspacing="0"> <tbody> <tr> <td><label for="u_name"> Username :</label></td> <td><input type="text" name="uname" id="u_name"> <td> </tr> <tr> <td><label for="u_pwd"...

如何防止回车(enter)键提交表单

如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();">返回值必须是false 代码如下:function gosearch() { if(window.event.keyCode == 13) { search(); return false; } } 或者直接在form...

jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)

键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部。键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上。在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex设置为负数的时...

IE 下Enter提交表单存在重复提交问题的解决方法

在submit()后加个return false就可以了。如: 代码如下:document.formname.submit(); return false; 以后要注意了 后面尝试了另一种方法: 代码如下:if ($("#formid").validationEngine("validate")){ document.getElementById("formid").submit(); } 也是可以的

javascript处理表单示例(javascript提交表单)

处理各种表单, 以及链接,按钮的通用组件代码如下:/** * Generic Form processing js * @author Anthony.chen */ /** * Push button action [btn_action]data into form * If there is prescript , run the pre script */"use strict";//All ajax request are synchronized by defaultvar ajaxSynchronized = true;//All ajax request will be unblock by defaultvar ajaxAutoUnblock = true; var ajax_action_button = function (e...

js校验表单后提交表单的三种方法总结

第一种: 代码如下:<script type="text/javascript"> function check(form) { if(form.userId.value==) { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.value==){ alert("请输入登录密码!"); form.password.focus(); return false; } return ...

Jquery.Form 异步提交表单的简单实例

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html# 1. 在你的页面里写一个表单。一个普通的表单,不需要任何特殊的标记: 代码如下:<form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username" name="username" type="text" /> Password:<input id="password" name="password" type="text" /><br /><input type="submit" value="submit async" id="lnkSubmit" /></div></fo...

js禁止回车提交表单的示例代码

如下所示; 代码如下:function ifenter(){ if(event.keyCode==13){ return false; }else if(event.srcElement.type=="submit"){ form1.submit(); } } document.onkeydown=ifenter;

js模拟点击以提交表单为例兼容主流浏览器

在实际的应用开发中,我们会常常用到JS的模事件,但有时会遇到一些问题,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单。上代码吧。 Html: 代码如下:<h3>请单击“提交”,测试提交按钮的单击事件也被触发了。</h3> <button id="btn">提交</button> <form action="#" method="get" id="form"> <input type="text" name="site" value="www.woiweb.net" readonly/> <input id="subbtn" type="submit" value="...

禁止空格提交表单的js代码

在做项目的时候,有个页面我用到了ckeditor,可是问题来了,我在只要有文本框的地方按下回车键就会自动刷新.最后终于找到了解决的方法: 代码如下:<input type="text" name="mes.mesTitle" value="<s:property value=mes.mesTitle/>" class="InputStyle" onkeydown="keydown(this)" 就是只要在每个input文本框绑定,onkeydown()事件.js代码中判断是不是13.代码如: 代码如下:function keydown(text){ $j(text).keydown(function(e){ i...

巧用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/blue/images/button/send.png" name="button" value="提交" onclick="check(this)"/><input type="IMAGE"src="sty...

jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

问题:最近使用 jqeury 的 validationEngine 做ajax校验,当表单中的最后一个字段需要做ajax验证时,此时在字段输入完毕后点击回车提交表单时不起作用,必须再按一次/点击submit按钮。 分析:通过个跟踪其源代码,最终发现ajax验证成功后也再次submit了表单,但还是不能真正提交表单。 原因:很诡异,因为我的提交表单按钮名字是submit。改掉就好了。 代码如下:<input id="submit" type="submit" class="btn pull-left" value="登录...

提交表单时执行func方法实现代码

代码如下:<%@ page contentType="text/html; charset=utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>用户注册</title> <script language="javascript"> <!-- function MyForm(){ msg.innerHTML="debu...

解决jquery submit()提交表单提示:f[s] is not a function

jquery submit()无法提交表单 报错:f[s] is not a function, js submit()无法提交表单 报错:document.getElementByIdx_x(...).submit is not a function 这2个错让人很无奈啊,语法没有任何错误,怎么能报错呢? 因为以前重来没有遇到过,这次是在改别人的代码,回头看了看代码,我靠原来有个按钮的name="submit",把它删掉就能正常提交表单了。 为什么呢?应该是一个type="submit"的Input才会影响表单提交啊!我向可能name="sub...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部