标签: submit
AngularJS:禁用提交和服务器响应之间的所有表单控件
如果我想在用户点击"保存"或"提交"按钮排序的一段时间内禁用表单控件(或者至少使它们不可用于用户交互),那么我遇到了什么是最好(和正确)方法的困境和通过电线传输的数据.我不想使用JQuery(这是邪恶的!!!)并查询所有元素作为数组(通过类或属性标记)我到目前为止的想法是:
- 使用
cm-form-control自定义指令标记所有元素,该指令将订阅2个通知:"数据发送"和"数据处理".然后自定义代码负责推送第二个通知或解决承诺. - 使用
promiseTracker它(不幸!)强制生成非常愚蠢的代码,如ng-show="loadingTracker.active()".显然并非所有元素都有ng-disabled,我不想让用户ng-hide/show避免"跳舞"按钮. - 咬一口子弹仍然使用JQuery
有没有人有更好的主意？提前致谢!
更新:领域集 的想法是有效的.对于那些仍然想要做同样事情的人来说,这是一个简单的小提琴http://jsfiddle.net/YoMan78/pnQFQ/13/
HTML:
<div ng-app="myApp">
<ng-form ng-controller="myCtrl">
Saving: {{isSaving}}
<fieldset ng-disabled="isSaving">
<input type="text" ng-model="btnVal"/>
<input type="button" ng-model="btnVal" value="{{btnVal}}"/>
<button ng-click="save()">Save Me Maybe</button>
</fieldset>
</ng-form>
</div>
和JS:
var angModule = angular.module("myApp", []);
angModule.controller("myCtrl", function ($scope, $filter, $window, $timeout) {
$scope.isSaving = undefined;
$scope.btnVal = 'Yes';
$scope.save = function()
{
$scope.isSaving = true;
$timeout( function()
{
$scope.isSaving = false;
alert( 'done');
}, 10000);
};
});
推荐指数
解决办法
查看次数
使用普通链接提交表单
我想提交一份表格.但我不会使用提交类型的输入按钮的基本方式,而是一个链接.
下图显示了原因.我正在使用图片链接来保存/提交表单.因为我有图像链接的标准css标记我不想使用输入提交按钮.
我试图将onClick ="document.formName.submit()"应用于a元素,但我更喜欢html方法.
有任何想法吗？
推荐指数
解决办法
查看次数
使用php通过POST提交多维数组
我有一个PHP表单,其中包含已知数量的列(例如,顶部直径,底部直径,结构,颜色,数量),但行数未知,因为用户可以根据需要添加行.
我已经发现了如何获取每个字段(列)并将它们放入自己的数组中.
<input name="topdiameter['+current+']" type="text" id="topdiameter'+current+'" size="5" />
<input name="bottomdiameter['+current+']" type="text" id="bottomdiameter'+current+'" size="5" />
所以我在HTML中最终得到的是:
<tr>
<td><input name="topdiameter[0]" type="text" id="topdiameter0" size="5" /></td>
<td><input name="bottomdiameter[0]" type="text" id="bottomdiameter0" size="5" /></td>
</tr>
<tr>
<td><input name="topdiameter[1]" type="text" id="topdiameter1" size="5" /></td>
<td><input name="bottomdiameter[1]" type="text" id="bottomdiameter1" size="5" /></td>
</tr>
...and so on.
我现在要做的是将所有行和列放入多维数组中,并将其内容通过电子邮件发送给客户端(最好是格式很好的表).我无法真正理解如何将所有这些输入和选择组合成一个漂亮的数组.
在这一点上,我将不得不尝试使用几个1D阵列,尽管我认为使用单个2D阵列比使用多个1D阵列更好.
推荐指数
解决办法
查看次数
避免Angular2在按钮点击时系统地提交表单
好的,也许这还不清楚.获取此表单:
<form (ngSubmit)="submit()" #crisisForm="ngForm">
<input type="text" name="name" [(ngModel)]="crisis.name">
<button type="submit">Submit</button>
<button type="button" (click)="preview()">Preview</button>
<button type="reset" (click)="reset()">Reset</button>
</form>
为什么所有按钮都会触发submit()功能？以及如何避免这种情况？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
angular2通过按Enter键提交表单而不提交按钮
是否可以提交没有提交按钮的表单(按Enter键)示例:
<form [ngFormModel]="xxx" (ngSubmit)="xxxx()">
<input [(ngModel)]="lxxR" ngControl="xxxxx"/>
</form
推荐指数
解决办法
查看次数
Jquery .on()提交事件
我遇到了问题.on().我有多个表单元素(表单class="remember"),我也form.remember使用AJAX 添加另一个.所以,我希望它能够处理提交事件,例如:
$('form.remember').on('submit',function(){...})
但是使用AJAX添加的表单不适用于它.
问题出在哪儿？这是一个错误吗？
推荐指数
解决办法
查看次数
动态创建和提交表单
有没有办法在jQuery中动态创建和提交表单.
像下面的东西.
<html>
<head>
<title> Title Text Goes Here </title>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
$(document).ready(function(){alert('hi')});
$('<form/>').attr('action','form2.html').submit();
</script>
</head>
<body>
Content Area
</body>
</html>
这是应该工作还是有不同的方法来做到这一点？
推荐指数
解决办法
查看次数
带有两个提交按钮和两个"目标"属性的HTML表单
嗨,我有一个HTML <form>.
表单只有一个action=""属性.
但是,我希望有2个不同的target=""属性,具体取决于您单击哪个按钮来提交表单.这可能是一些奇特的javascript,但我不知道从哪里开始.
任何想法我如何创建两个按钮,每个按钮提交相同的表单,但每个按钮给表单一个不同的目标？
谢谢!
推荐指数
解决办法
查看次数
带有多个"动作"的HTML表单
我正在设置一个表单,其中我需要两个"动作"(两个按钮):
1 - "提交此表格以获得批准"
2 - "保存此申请表以备日后"
如何创建支持多个"操作"的HTML表单？
例如:
<form class="form-horizontal" action="submit_for_approval.php">
<form class="form-horizontal" action="save_for_later.php">
我需要将这两个选项 - 提交 - 组合成一个表单.
我做了一些基础研究,但无法找到关于这是否可能的确定答案,和/或任何有关解决方法的链接的良好资源.
提前致谢.
推荐指数
解决办法
查看次数