【如何在Javascript中提交表单并延迟】教程文章相关的互联网学习教程文章

仅在使用javascript选中至少一个复选框时才提交表单【代码】

我有以下表格:https://expogr.com/bankexpokenya/advertise.php 我正在填写表单的详细信息并单击提交按钮.如果我没有勾选一个复选框,它会给我一条消息“请选择任意一个复选框”和ok按钮.单击确定按钮后,表单即被提交.对于表单提交,我使用了电子邮件方法,因此表单数据被发送到特定的emailid. 我试过以下代码:$(document).ready(function(){$("form").submit(function(){if ($('input:checkbox').filter(':checked').length < 1){a...

javascript – 在提交表单后隐藏带有表单的div并显示隐藏的div【代码】

所以我有这个<div id="first" class="1" style="display:"><form><input type=submit></form></div><div id="second" class="2" style="display:none">test</div>我想在提交表单(按下按钮)后切换显示选项.我希望在单击提交按钮后脚本变为这样<div id="first" class="1" style="display:none"><form><input type=submit></form></div><div id="second" class="2" style="display:">test</div>解决方法:您可以添加onsubmit处理程序.如...

javascript – 如何区分单击提交按钮和输入输入以提交表单?【代码】

具体来说,我不想在按下回车键时使用已推荐的event.preventDefault()方法,因为这会破坏至少Internet Explorer中数据表的功能. 我尝试了一些方法$("#form").submit(function(event){console.log(event);return false; // Allows me to read the console before the form submits! });要比较事件之间的差异(单击提交按钮与按Enter键),似乎没有任何明显的事情.我本以为后者有一个event.keyCode,但事实并非如此. 我能想到的一个冗长的解...

在禁用javascript的浏览器中提交表单【代码】

我有一个下拉列表,会显示我需要在禁用JavaScript的浏览器中提交表单的电话号码. 目前我正在做以下事情:<form action="/servlet/myservlet" method="GET"><select name="myselect" id="myselect" onchange="this.form.submit()"><c:forEach items="${mydata.phoneNumbers}" var="phoneNumber"><option value="${phoneNumber}">${phoneNumber}</option></c:forEach>或者是否有任何方法可以通过禁用JavaScript的以下引导代码实现相同...

javascript – 如何使用jqueryui对话框按钮提交表单,【代码】

我想使用jqueryui按钮提交表单.我有一些代码,但它不起作用.这是代码:<script type="text/javascript"> function findUrls() {var text = document.getElementById("text").value;var source = (text || '').toString();var urlArray = [];var url;var matchArray;// Regular expression to find FTP, HTTP(S) and email URLs.var regexToken = /\b(http|https)?(:\/\/)?(\S*)\.(\w{2,4})\b/ig;// Iterate through any URLs in the...

javascript – 在Angular中取消提交表单【代码】

我需要一个表单,既可以是脏的,也不是$提交我的验证工作. 我试图通过CSS使用.ng-invalid,.ng-dirty和.ng-提交的类来实现这一点,这些类通过angular动态添加.这意味着我不能简单地在表单上将$submit设置为false,因为这不会删除关联的类.我也不能使用$setPristine或$setUntouched,因为这些将删除$dirty标志及其类. 有没有办法将表单设置为未提交,以便删除.ng提交的类并且表单仍然是脏的?解决方法:您可以使用$setPristine后跟$setDirty...

javascript – 在提交表单之前确定重复值【代码】

假设我有一个在线表单,我想弄清楚用户是否正在输入已经被系统使用的电子邮件.一旦用户将光标/选择移离字段,我是否可以告诉系统检查数据库中的字段?如果真的有可能,有人能指出我正确的方向吗?解决方法:为此,当用户编写电子邮件ID意味着模糊事件时,您需要调用ajax,如下所示:$('#yourfieldID').blur(function() {var val = $(this).val();$.ajax({type: 'POST',url: 'your url',data: {email: val},success: function (data) {// c...

javascript – 为什么我要两次提交表单? jQuery submit()带单选按钮【代码】

我正在使用jQuery在MVC应用程序中提交表单.我在控制器内部有一个断点,我看到它被击中了两次.我究竟做错了什么? 这是我的jQuery(function ($) {$(document).ready(function () {$(':radio').change(function () {$('#frmMDR').submit();});}); })(jQuery);这是表格html<form action="/Module/ModuleIndex" id="frmMDR" method="get"><input id="rdoMaintenance" name="module" type="radio" value="Maintenance" /><label for="rdo...

在Javascript验证后提交表单【代码】

我想在使用JavaScript验证后将表单提交给名为reg.php的PHP文件. HTML表单如下: HTML表格:<form method="post"><input type="text" id="username" name="username"></input> <button type="button" onclick="val()">Sign Up</button> </form>JavaScript验证 以下是JavaScript验证代码:function val(){var uname = document.getElementById('username').value;if(!uname){document.getElementById("error").innerHTML = "E...

javascript – 重复使用代码而不提交表单两次【代码】

这就是我的网站中实现删除帐户功能. 如果用户要求删除其帐户(删除完整数据需要3天)并尝试在此3天内登录.我们需要确认您是否已启用登录帐户 为此,我使用以下代码$('#loginform').on('submit',function(e) {var t = $(this);$.post('/login.php', t.serialize(), function(data) {if(data.error.length) {$('.login_result', t).html(data.result).slideDown();} else if(data.result == 'waiting_for_deletion') {jconfirm('Account...

javascript – 多次提交表单【代码】

我正在使用codeigniter和jquery开发单页应用程序,通过点击菜单,我正在加载内容,这工作正常,第一次加载内容,当我尝试提交模态表单时,它工作,但每次我重新加载内容并再次提交相同的表单时,我看到它已经提交了我重新加载页面上内容的次数. 这是我在单击菜单项时将主要内容加载到容器的方法:case 'Parametrage':$("#container").empty();$("#container").load("params");break;并且视图中的脚本由提交模态形式的“param”控制器加载:...

javascript – 如何在AJAX调用后继续提交表单?【代码】

我想在点击提交按钮时验证WordPress帖子上的用户条目,显示有问题的错误消息,如果一切正常,则提交表单.我有一个PHP函数来执行检查,如果form_data中的数据正常则返回true,否则返回一些错误代码.以下JavaScript发布了AJAX请求,并且应该在成功检查后继续提交表单,但它不会:jQuery(document).ready(function() {jQuery('#post').submit(function() {var form_data = jQuery('#post').serializeArray();var data = {action: 'ep_pre_sub...

javascript – jQuery:仅当页面上当前没有运行AJAX时才提交表单【代码】

当城市输入字段模糊时,我通过ajax请求得到somne??thing,并将其设置为与城市字段所在的相同形式的隐藏字段的值.$('input#city').on('blur', function() {$.ajax({url: 'get/something?param=val',success: function(response) {$('input:hidden[name="something"]').val(response);}}); });如果用户在模糊城市字段后立即提交表单,有时由于延迟,则不会填充隐藏字段,因为另一端的SQL花费的时间太长. 这两个字段所在的表单也是通过ajax...

javascript – 提交表单后重新初始化/重置dropzone【代码】

我正在使用dropzone.js在ruby上上传图像.这是我的HTML代码<div class="row"><div class="col-md-12" id="drop-zone-container"><%= form_tag '/settlement_proofs', method: :post, class: 'dropzone form', id: 'media-dropzone' do %><div class="fallback"><%= file_field_tag 'attachment', multiple: true%></div><% end %></div> </div>我将dropzone初始化为$("#media-dropzone").dropzone({acceptedFiles: pg.constants.ACC...

javascript – jQuery自动完成:点击返回提交表单【代码】

我正在使用jQuery Autocomplete插件.// I'm not sure if there's a better way to do thisvar base_url = window.location.href.slice(0, window.location.href.indexOf('/bar')); $('.foo-widget').find('input:first-child').autocomplete(base_url + "/api/baz?format=newline");标记:<ul class="foo-widget"><li><input value="" autocomplete="off" class="ac_input"><input value="" autocomplete="off" class="ac_input"><...

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