草庐IT

表单重置

全部标签

javascript - AJAX 表单提交后永无止境的 "Connecting"消息

我有一个类可以通过AJAX提交带有文件类型输入的表单。它创建一个隐藏的IFRAME元素,更改表单target属性,以便它提交到IFRAME,提交表单,然后将目标改回它是什么。它还向IFRAME添加了一个onLoad事件,以便我可以获得回调。onLoad函数还会在触发我的回调函数之前从页面中删除IFRAME。该类(class)运行良好,我按预期收到了回调。在Firebug的网络面板中,我看到了请求,看到了响应,一切都很好。但是,一旦提交开始,页面的浏览器选项卡就会随着加载微调器变为“正在连接”并且永远不会变回来。它使选项卡看起来正在加载,如果我让浏览器保持打开状态,这将持续天。那么问题是

javascript - Django Ajax 登录表单

我正在尝试使用ajax提交登录表单。我对应该如何处理异常/成功响应感到困惑。我从服务器收到200OK,表单通过密码/用户名字段返回错误。如何获取错误消息以根据服务器响应显示或将用户重定向到适当的页面?JQUERY:56$(window).load(function(){57$('#login_form').submit(function(e){58e.preventDefault();59varrequest_url=document.getElementById('next').value60$.ajax({61type:"POST",62url:$(this).attr('acti

javascript - AngularJs 位置路径更改而无需所有 Controller 重置

我的问题的简短版本是:如何更改URL而无需触发路由更改或无需运行当前显示页面上的所有Controller?详细信息:我有一个模板显示在中具有由3个Controller管理的区域。在页面的最顶部,我有一个交互式map。当您单击区域时,它会广播一次单击,其他组件会接收到它并显示有关该区域的数据。设置非常简单。我想做的是允许我的用户深层链接到内容。因此,每次有人点击链接时,我都想更改可以复制并粘贴到另一个浏览器的URL。其他一些用户只需单击该链接,就会看到与第一个用户看到的相同的状态。目前我使用与此类似的代码更改位置:$scope.$on('mapRegionClick',function(

javascript - 如何在 React Native 中使用 fetch 发布表单?

我正在尝试使用react-nativefetchapi发布包含first_name、last_name、email、password和password_confirmation的表单。fetch('http://localhost:3000/auth',{method:'post',body:JSON.stringify({config_name:'default',first_name:this.state.first_name,last_name:this.state.last_name,email:this.state.email,password:this.state.pass

javascript - 为什么这些 Jest 不会重置?

我有影响其他测试并导致它们失败的测试代码。当我单独运行测试用例时,一切都通过了,但是当我运行整个套装时,就会出现很多失败。如果您查看下面的两个测试,您会发现我覆盖了测试中的模拟模块以导致抛出异常。HttpService.post=jest.fn(()=>{returnPromise.reject({payload:'rejected'});});此行运行后,所有需要原始HttpService.post模拟的测试都会失败,因为它们没有被重置。测试后如何将我的模拟正确恢复为导入的模拟?我已经在beforeEach中尝试过jest.resetMock以及类似的所有Jest方法,但没有任何效果

javascript - AngularJs 空表单并从输入中删除无效状态

我正在使用表单向显示在表单一侧的列表添加元素。标记是:{{thing.name}}withvalueof{{thing.value}}在Controller中我有:$scope.things=[];$scope.addThing=function(thing){$scope.things.push(thing);$scope.thing={};};工作jsfiddle:http://jsfiddle.net/cXU2H/1/现在如您所见,我可以通过清空模型来清空表单,但是由于输入具有必需的标签,浏览器仍然显示错误消息(至少Chrome会显示)。我查看了类似的问题并且:我也看过这个答案:

javascript - 如何在不刷新的情况下在 Rails 4 中提交表单和更新页面元素

我在尝试做一些我认为相当简单的事情时遇到了很多麻烦。我有一个项目列表,比方说,待办事项。在该列表的底部,我有一个文本字段,我可以在其中向该列表添加新项目。我想这样做,以便将新项目动态添加到该列表的底部,而无需刷新整个页面,就像在聊天窗口中一样。我制作了提交表单remote:true并在没有重新加载页面的情况下成功提交,但我无法让新项目同时出现在列表底部。我必须刷新页面才能看到更改。我尝试了在SO(这里不乏类似问题)和网络上找到的几种不同方法,甚至尝试了一个名为Sync的gem,但它们中的每一个都有自己的错误和问题,我无法得到任何正常工作。他们每个人都可以是自己的SO问题。所以我问:是否

javascript - 使用 React 创建的表单不会更新支持状态对象

我正在尝试自动化Instagram网络应用的登录表单:https://instagram.com/accounts/login/使用以下代码(您可以在Chrome控制台上运行它):varfrm=window.frames[1].document.forms[0];frm.elements[0].value='qacitester';frm.elements[1].value='qatester';frm.elements[2].click();即使输入已填充,但当我监视XHR请求时,我看到已发布:username=&password=&intent=而不是这个:username=qac

javascript - jQuery Steps - 无需重新加载页面的重置向导

我正在使用jQuery步骤(https://github.com/rstaib/jquery-steps/wiki)来创建供用户填写的分步表单。它工作得很好,但我需要能够重置它。用户提交表单后(使用ajax,因此页面不会刷新),我想向用户展示一个全新的向导。有没有办法重置向导?或者可能在不重新加载页面的情况下重新加载? 最佳答案 通过向解决方案here添加几行代码,我能够重置我的jQuery步骤向导,加上几行额外的代码来删除css类。在调用此函数之前或之后,您仍然需要使用首选库重置表单。$.fn.steps.reset=functi

javascript - 不要询问确认用户是否提交表单

如果用户在未提交表单的情况下尝试重定向到另一个页面,我将使用以下JavaScript代码来警告他。window.onbeforeunload=function(){return'Areyousurethatyouwanttoleavethispage?';};这工作正常。但我的问题是当用户尝试使用提交按钮提交表单时会出现确认框。如果用户提交表单,我不想询问确认,否则我想询问确认。怎么可能? 最佳答案 维护一个状态变量。当用户点击提交按钮时将状态设置为userSubmitted=True;状态变量可能包括全局变量或隐藏控件。varus