【javascript – 使用PJAX提交表单】教程文章相关的互联网学习教程文章

javascript-提交表单时如何关闭jquery ui对话框?【代码】

我将表单加载到jQuery UI对话框中.我有一个提交按钮(在我的表单内-而不是实际的对话框按钮),它调用控制器动作,但是我无法弄清楚在调用提交后如何关闭对话框,因为我没有附加任何事件处理程序. 除了将提交更改为输入type = button之外,还有其他方法吗? 我知道在jquery中我可以捕获提交$('#positionForm').submit(function () {// do stuffreturn true; });但这似乎在提交之前触发,所以我不想关闭对话框. 下面的代码有什么问题吗:$(...

javascript-在提交表单之前使用jquery检查$_POST数据【代码】

我有一个表单,用于向商店发送数据库中用户的名字.我正在检查用户使用php中的正则表达式发送的信息.为了使我的项目更具交互性,我决定在将信息jQuery发送到PHP之前对其进行验证. 我的项目如下所示:<script type="text/javascript" src="jquery-2.2.3.min.js"></script> <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script><body><form ><div><label>First Name</label><input name="firs...

javascript – 如果ajax验证器使用jquery返回true,则提交表单【代码】

我不知道我哪里出错了.这个想法是在提交表单之前,其中一个输入字段通过ajax发送到服务器端验证器.如果响应为1,则输入有效并且应提交表单.如果响应为0,则不应提交表单.问题是我无法弄清楚如何在ajax请求函数中设置一个阻止表单提交的变量.这就是我所拥有的:$("#form").submit(function() {var valid= false;var input = $("#input").val();$.ajax({type: "POST",url: "validator.php",data: "input=" + input,success: function(ms...

javascript – 如何以编程方式使用AngularJS提交表单【代码】

我已经制定了一个特殊类型的提交按钮的指令,该按钮可以在提交表单时进行监视,然后禁用该按钮并获得一个很好的动画进度条. 当通过按下提交按钮或在其中一个字段中按Enter键提交表单时,这一切都正常工作,onsubmit处理程序被调用就好了. 问题:在我的一个表单中,我有一个textarea,我想在用户按下回车键时提交.所以我做了一个onEnter指令,只是寻找正确的按键然后执行一个函数.<form name="form" ng-submit="controller.submit()"><text...

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

我很想验证表格.在这种形式中,你必须通过复选框选择至少一个元素,我不能确定它们的数量(它取决于元素数量).如果选中了一个或多个复选框,我需要启用提交输入,如果没有选中复选框,则禁用它,我该怎么办?这是我的代码:<form id="booking"> <input type="checkbox" name="room1" class="roomselect"/> <input type="checkbox" name="room2" class="roomselect"/> <input type="checkbox" name="room3" class="roomselect"/> <input ty...

提交表单而不刷新页面ajax,php,javascript?【代码】

我想提交一个没有刷新页面的表单,从我读过它应该使用ajax,我做错了什么? 当我这样做时,这一切都适用于PHP和东西:document.getElementById("msg_form").submit();但我希望它在不刷新页面的情况下提交. Html的一部分:<form name="msg_form_name" id="msg_form" class="email" action="mailer.php"> <p>Your E-mail:</p> <input id="email_form" name="email" type="text" /> <p>Amount:</p> <input id="amount_form" name="amount...

更改输入值然后在JavaScript中提交表单【代码】

我目前正在制作基本表格.我想用这个表单做的是当你点击提交/按钮来首先改变一个字段的值然后像往常一样提交表单.这看起来有点像这样:<form name="myform" id="myform" action="action.php"> <input type="hidden" name="myinput" value="0" /> <input type="text" name="message" value="" /> <input type="submit" name="submit" onclick="DoSubmit()" /> </form>这就是我带来JavaScript的程度.它将“myinput”的值更改为1,但不提...

javascript – 使用GET提交表单时,不要在查询字符串中包含隐藏字段【代码】

http://localhost:3000/users?utf8=%E2%9C%93&search=aen这是我在视图中的表单:<% form_tag users_path, :method => 'get', :html => { :class => 'ui-form' } do %><div class="ui-input ui-input-search"><%= text_field_tag :search %></div><% end %>这会生成一个提交的隐藏字段:<div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="?"></div>解决方法:在您不想提交的字段上设置disabl...

javascript – jQuery:在提交表单之前执行一些操作【代码】

我有一个页面,上面有一个表格.表单包含一个文本框和一个提交按钮. 提交表单时,通过单击按钮或按文本框中的Enter键,我想进行查找(在这种情况下,使用Bing Maps对邮政编码进行地理编码),然后像往常一样将表单提交到服务器. 我目前的方法是将提交事件的处理程序添加到一个唯一的表单,然后在我完成时调用submit(),但我无法使其工作,并且无法调试问题:$(document).ready(function () {$("form").submit(function (event) {var postcode ...

javascript – 刷新页面重复提交表单

参见英文答案 > Post-Redirect-Get with ASP.NET 6个我在页面中有一个简单的表单.表单提交到同一页面.表单提交后,当我单击浏览器刷新按钮时,它要求重新发送表单,当我点击重新发送时,它再次提交表单. 我的代码或其正常的浏览器行为是否有任何问题? 有没有办法防止这个..解决方法:这是浏览器的正常行为.您可以通过在提交当前表单后重定向到其他页面来阻止此操作. 通常的解决方案是在执行POST请求...

javascript – 提交表单后如何重置表单和验证(AngularJS)【代码】

我想在提交表单后重置表单和所有验证消息.这是plunker:http://plnkr.co/edit/992RP8gemIjgc3KxzLvQ?p=preview 我的代码如下: 控制器:app.controller('MainCtrl', function($scope) {$scope.data={fullName:''};$scope.submit=function(){console.log('submit')$scope.myForm.$setPristine();$scope.myForm.$setUntouched();$scope.data={fullName:''};} });HTML:<body ng-controller="MainCtrl"> <form name="myForm" novalida...

Javascript警报框不必要地提交表单【代码】

我有一个简单的javascript方法来显示一个警告框.单击按钮时(在表单标记之间)调用该方法.警报应该只显示一个帮助对话框,但当用户按下警告框上的“确定”按钮时,它会提交表单!我无法弄清楚如何防止这种情况.我已经尝试改变我按钮和警报方法的方式,但似乎没有任何区别.这是我的代码:<script type="text/javascript"> function help(){ alert("Displaying help..."); } </script>以下是我创建按钮的方法.我也尝试使用按钮标签创...

javascript – 在使用AutoForm和铁路由器的Meteor上检查插入成功后重定向提交表单的标准模式?【代码】

我正在使用Meteor和AutoForm&铁路由器. 我有一个autoform用于插入记录,我想重定向到另一个页面以在成功插入后查看记录.什么是普遍接受的方式? 如果我使用标准的autoform插件,如:{{#autoForm collection="Articles" id="articleSubmit" type="insert"}} 我看不出如何重定向? 如果我使用’method’类型,如下所示:{{#autoForm collection="Articles" id="articleSubmit" type="method"}} 然后我必须编写一个不特别干的插入方法.解...

javascript – 使用PJAX提交表单【代码】

我在我的web项目中使用PJAX,当我提交我的表单时,PJAX实际上正在处理它,相关的东西进来并在PJAX容器中替换,但在此默认操作发生之后 – 这种形式正在传统中提交方式和整个页面再次加载 表格HTML在这里<form class="form_class"><input type="text" name="search" id="search_query" class="basic_input" value="" /><button onclick="this.form.submit();" >Find</button></form>这是我调用表单的pjax代码$(document).on('submit', ...

javascript – 如何在x秒后自动重新加载页面并重新提交表单数据

我有2个HTML页面:一个询问用户有关某个主题的输入,另一个用于从与该主题相关的Twitter Streaming API中提取Twitter数据.然而,这些信息不断变化.当我手动刷新时,有一个弹出窗口通知我我想要“确认数据重新提交”,当我点击“继续”时,它会给我新的信息.我想在我的代码中自动执行此操作,并且每10秒执行一次. 我的HTML页面是与Flask一起创建的,并使用Twitter Bootstrap CSS和JS文件.我尝试使用< meta>方式虽然它确实自动刷新页面,但它...

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