【可实现多表单提交的javascript函数_表单特效】教程文章相关的互联网学习教程文章

javascript – jQuery表单提交:有什么方法可以知道触发提交的元素是什么?【代码】

我正在使用asp.net MVC,当我提交表单时,之前的开发人员已经嵌入了一些jQuery验证.$('form').submit(function() {...code done here to validate form fields });问题是表单上的“保存”和“取消”按钮都会触发此提交jQuery函数.如果触发“取消”输入按钮,我不想激活验证逻辑(id =“cancel”name =“cancel”value =“cancel”).有没有办法在这个提交函数中,我可以检索按下哪个输入按钮提交表单的ID,名称或值?解决方法:我问了同样的...

使用PHP或JavaScript通过HTML表单提交传递URL变量【代码】

我需要简单地将表单变量传递给URL变量.我怀疑这很容易,但我很难在任何地方找到明确的步骤(不是很多代码). 这是我目前的表单代码<form id="zip_search" method="post" action="dealers.php"><label for="zipfield"><a href="dealers.php">Find a Dealer</a></label><input name="tZip" type="text" id="zipfield" value="ZIP CODE" onblur="if(this.value=='') this.value='ZIP CODE';" onfocus="if(this.value=='ZIP CODE') this.v...

在chrome javascript控制台中触发表单提交【代码】

我总是想知道一件小事: 是否有可能在任何网页上提交表单,而不是单击表单提交按钮,我想从chrome控制台(chrome中的ctrl shift j)执行此操作? 我尝试了几种方法,但我得到的错误就像Cannot use function submit on undefined要么HTML tag has not function submit.有帮助吗? PS – 如果你去这里尝试通过控制台click here提交你右边的表格解决方法: form = document.getElementById("frm1") form.submit()查看独立的iframe时,您的示...

在javascript表单提交后提交事件【代码】

我有一个上传文件表单,我尝试上传文件时,所以我尝试这样的事情:<form enctype="multipart/form-data" method="POST" onsubmit="return UploadFile(this);"> <input id="upfile" type="file" onchange="this.form.submit();"/> </form>form.submit()有效,但我当然需要对提交进行一些验证,所以我试着运行一个函数:function UploadFile(file){alert('Bleah');return false;}在正常情况下它应该返回...

javascript – React – 如何测试表单提交?【代码】

我有以下React组件:export default class SignUpForm extends React.Component {...doSignupForm(event) {// Some API call...}render() {return (<div><form action="/" onSubmit={this.doSignupForm.bind(this)} id="register-form"><button type="submit" id="register_button">Sign Up</button></form></div>);} };我想测试按钮触发doSignupForm函数 – 我该怎么做(理想情况下使用Mocha / Chai / Enzyme / Sinon)? 此外,正如...

javascript – Delphi indy10 http服务器和ExtJS表单提交【代码】

我有一个问题,我不知道如何解决. 我有一个Indy10 HTTP服务器.我在许多应用程序中使用过Indy9和Indy10 HTTP服务器,从未遇到任何问题.但现在我使用带有ExtJS javascript RAI框架的Indy10 HTTP服务器. 问题是当我提交包含非ansi字符的数据时.例如,当我提交1250代码页中的字母“?”(斯洛文尼亚语,克罗地亚语……)时,我在Indy的“未解决的参数”下得到以下内容 – > “C”.这是utf-8编码中“?”字母的正确十六进制表示.我的所有页面都是...

javascript – 如何在jquery中找到从表单提交事件中单击的按钮?【代码】

我有一个函数,我用来防止表单的多个回发:var submitted = false; $(function() {$('form').bind('submit', function(e) {if (!submitted && CanSubmit(e)) {submitted = true;return true;} else {return false;}}); });在CanSubmit方法中,我需要查询被单击的按钮以确定是否应该允许提交. 请注意,我无法绑定到特定的点击事件 – 有关详细信息,请参阅this previous question. 在Firefox中,我可以使用e.originalEvent.explicitOrigi...

javascript – 如何使用jquery绑定ctrl进入ajax表单提交【代码】

当用户在反馈输入区域中点击ctrl时,以下代码将提交ajax表单.它工作正常 – 但只有一次.我需要将此函数绑定到注释表单,以便它保持并允许多个提交.换句话说 – 表单被清除并在每次提交后呈现给用户.但是,以下代码仅适用于第一次提交,因此ctrl enter不适用于第二次提交.$('#comment_body').keydown(function(e) {if (e.ctrlKey && e.keyCode === 13) {return $('#comment_submit').trigger('submit');} });我已经尝试过.live和.bind,但...

javascript – 按Enter键禁用表单提交,因为我正在使用Ajax功能【代码】

我正在使用ajax功能.当我使用回车键选择任何建议时,表单会自动提交,因为提交按钮是自动聚焦的.有没有办法使用回车键选择ajax建议以及使用回车键提交表单.有点像我输入所有字段的值然后只提交按钮启用.最佳答案:你是如何调用Ajax函数的?它应该在表单的submit事件处理程序中.然后,如果您让事件处理程序返回false,它将无法正常提交:<form onsubmit="doAjaxSubmit(); return false;">... </form>

利用JavaScript实现表单的验证和提交(前端拦截无用的表单提交)【代码】

利用JavaScript实现表单的验证和提交(前端拦截无用的表单提交) 注册表单提交,利用js来拦截掉无用的注册信息,同时验证注册是否通过 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>欢迎注册</title><script type="text/javascript">function checkUsername(){var username=document.getElementById("username").value;if(username.length<6||username.length>16){document.getElementById("usernamefalse").style.visib...

原生js使用ajax请求,form表单提交文件【代码】

get请求 let xhr = new XMLHttpRequest(); //构造函数没有参数的情况,括号可以省略 xhr.open('GET', 'http://www.xxx/api/xxx') //open函数,指定请求方式和URL地址,如果请求方式是get,传递参数需要把参数列表用?拼接到url地址后面xhr.send()//send函数,发起Ajax请求,get方法可以写null也可以省略xhr.onreadystatechange = function() {// 监听xhr对象的请求状态 readyState 与服务器响应的状态 statusif (xhr.readyState === 4...

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 全部