【用文字链接代替表单提交的按钮】教程文章相关的互联网学习教程文章

javascript-具有隐藏字段的表单提交【代码】

我有一个带有2个隐藏字段的表单,我想在发送之前点击提交按钮用脚本填写字段.我的表格如下所示:<form method = "post" action = "Submit.php"> <input type="text" value="" > ... <input type"hidden" value="" > <input type"hidden" value="" ><input type="submit" value="Sendme"><script > //do something before send form </script>问题是香港专业教育学院在我的表格末尾有一个字段,我需要它的值以在提交表格之前根据其值对...

javascript-在表单提交中一个接一个地启用选项卡【代码】

有4个选项卡,在这4个选项卡中有4种形式,我想编写一个jQuery程序,以便如果我在tab1中提交Form1,则应启用包含表单的tab2,而当我提交form2时,应启用包含表单3的tab3直到我到达form4. 我写了代码,但是它启用了所有选项卡,而不是下一个. 我是jQuery的初学者,请在下面对任何查询发表评论.<!DOCTYPE html> <html lang="en"> <head><title>Bootstrap Case</title><meta charset="utf-8"><meta name="viewport" content="width=device-width...

javascript-jQuery等待表单提交处理程序和奇怪的重定向上的ajax调用【代码】

function populateAndSend() {var _url = "..." + var1 + var2 + var3$.ajax({type: 'get',url: _url}) };$('#tryitForm').validate({rules: {...},submitHandler: function (form) {$.when(populateAndSend()).then(form.submit()); <<< does not work} });2个问题,when().then()似乎不起作用,并且触发了form.submit()时,它将我重定向回我的页面,但是将var1,var2和var3作为参数添加到我的页面,因此可以说我的网站网址是http://loc...

JavaScript检测按键上下文(表单历史记录选择与表单提交)【代码】

我正在使用jQuery编写半通用表单插件,以加快我正在从事的项目的开发. 计划是jTemplates模板包含这些字段,我的插件会在模板中查找以找到任何必需的多语言资源,从服务器请求它们,然后将所有内容打包到JavaScript对象中,然后将其传递给自定义函数“提交”. 一切工作正常,除了伪造表单时需要执行的标准“在按下Enter键时,提交表单”代码外:opts.coreElement.find('input[type=text]').keypress(function(evt) {if ((evt.keyCode || ev...

Javascript-如何在按Enter键或Return键时阻止表单提交?【代码】

我有一个使用JQuery的表单,我认为我不需要在本文中放置代码,这个问题很基本. 但是,当人们按下Enter键或Return键时,我想阻止表单提交. 同时,我有文本区域,用户需要在其中按下Enter / Return键.解决方法:一种快速而讨厌的黑客工具,但通常比在每个字段中尝试阻止按键都更可靠:添加:<input type="submit" onclick="return false;" />在表格的顶部.表单中的第一个提交充当在当前浏览器中按下Enter时的默认按钮,因此,通过将其屏蔽,可以...

javascript-动态启用/禁用表单提交按钮的规范jQuery方法【代码】

我正在编写一些JavaScript,以处理在关联文本字段中输入一些文本时动态启用表单提交按钮的常见情况.我已经使用Prototype框架多年了,但现在正在转向jQuery.因此,我惊讶地发现我的代码的jQuery版本似乎有些笨拙. 有没有一种方法可以避免必须在下面的jQuery代码中引用第零个数组元素,或者是通常情况下更规范的jQuery方法?<form action="..."><input id="subject" type="text" /><input id="save" type="submit" value="Save" disabled...

在表单提交时将Javascript变量传递给PHP【代码】

这个问题来自我之前的问题counting the rows in html table using php.由于我没有可行的解决方案,因此我想尝试一种新方法,但不知道如何实现.我为使用Javascript添加的每个动态行分配唯一的ID.因此,Javascript中的count变量存储HTML表中存在的行数.当我提交表单时,它由savedata.php处理.每次提交表单时,是否可以自动将Javascript变量计数传递给savedata.php. 以下是我的Javascript文件的简短版本,用于为动态创建的行的元素创建唯一的...

javascript-phpmailer使用jQuery ajax发送邮件的php表单提交【代码】

我在这里阅读了许多答案,并且几乎每一个都尝试过,但没有一个尝试对我有帮助.问题是我想将联系人从数据发送到phpmailer,后者将发送邮件.我想用jQuery Ajax做到这一点.电子邮件运行得很好,但问题是我的表单重定向到了“操作”.我尝试了preventDefault();并返回false;但这并没有帮助我. 我想向用户显示成功提交表单后的消息.这是我正在使用引导程序的表单代码<form class="form-horizontal" action="sections/contactdata.php" metho...

表单提交与Javascript POST请求【代码】

我正在用非常简单的HTML表单发出POST请求.该请求以表单格式失败,但是可以在Javascript中使用. 这非常简单,因此几乎是完整的表格:<form method="post" action="[apiUrl]" target="_blank"><input type="hidden" name="payload" value="[payload]"><!-- ... --> </form>*请注意[apiUrl]和[payload]是注入HTML的变量. 该请求失败,并显示来自API的自定义消息(似乎无法解析有效负载):{"Error": {"Message": "Noun and Verb are Requir...

javascript-将表单提交到2个不同的操作页面【代码】

我想要一个可以根据选择框提交到两个不同操作页面的表单. 这意味着,如果我在选择框中选择“产品”,则操作将为products.html,而如果选择“用户”,则操作将为users.html. 我发现许多示例都有两个提交按钮,但我只需要一个提交按钮. 关于如何做的任何想法?解决方法:您可以为此使用jQuery … 如果选择的值等于某值 将表单属性操作设置为其他内容而不是初始操作 这当然是伪代码.. 这是一个可行的解决方案:<html> <head> <script type="...

javascript-验证失败时阻止表单提交【代码】

验证失败时,如何防止提交此问题?我不知道要在validateForm函数中放什么…我有这种形式:<form action="ChangePassword" method="POST"> <input type="submit" value="Change Password" onclick="validateForm();"/> </form>和validateform函数:<script>function validateForm() {if(document.getElementById("passError").innerHTML !== "") {alert("There are some errors.");return false;}} </script>解决方法:您需要从事件处...

javascript-将表单提交到新的自定义尺寸窗口【代码】

因此,我知道这是一个愚蠢的问题,但是我无法找到具体问题的准确答案.我尝试将“提交”按钮更改为常规按钮,并添加一个onClick事件.我正在尝试将表单提交到新的,自定义大小的窗口(因此不能在Chrome中创建新标签页等).我得到了它,因此它在新窗口中的新页面上打开了提交的表单数据,但是自定义尺寸窗口也被作为空白页面打开.<form action="Upload.cfm" target="_blank" enctype="multipart/form-data" method="post" onSubmit="window.op...

JavaScript:检测表单提交完成【代码】

我在iframe中有一个表单,然后提交了.我如何知道提交的完成时间?我正在使用jQuery提交表单,但不认为会有回调: $( “#myForm会”)提交().//如何将事件附加到提交完成?解决方法:提交表格会将您重定向到下一页. 但是您可以随时尝试使用ajax函数 http://api.jquery.com/jQuery.ajax/ 添加回调就像$.ajax({url: "page.php",success: function() {doWhateverYouWant();}});

使用JavaScript触发表单提交【代码】

我有一个要通过JavaScript提交的表单.显然,这可以通过以下方法实现:document.getElementById("myForm").submit();问题是我有一个监听提交事件的监听器,如下所示:document.getElementById("myForm").addEventListener("submit", function(event) {event.preventDefault();// Other work });当我调用.submit()时,不会触发此事件处理程序.从MDN开始:The form’s onsubmit event handler (for example, onsubmit=”returnfalse;”) ...

javascript – 阻止表单提交但保留表单验证【代码】

如何保留默认的HTML表单验证并禁止表单提交?我尝试过使用event.preventDefault()并返回false.两者都成功地阻止了表单的提交,但都失败了表单验证.我也尝试了this solution,但即使这样也行不通. 有人能帮帮我吗?解决方法:event.preventDefault()并返回false;如果在表单提交上使用,则工作HTML 5验证仍然存在.jQuery("form").submit(function(e){e.preventDefault(); //or//return false; }); <script src="https://ajax.googleapis...

链接 - 相关标签
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 全部