表单无效时，测试按钮被禁用
当表单无效时，测试按钮被禁用是为了防止用户在表单数据不完整或不符合要求的情况下提交表单。这样可以提高用户体验和数据的准确性。
禁用测试按钮的方法可以通过前端开发来实现。在前端代码中，可以使用条件语句来判断表单的有效性，如果表单无效，则将测试按钮的disabled属性设置为true，使其变为禁用状态。具体实现方式可以使用JavaScript或者前端框架如React、Vue等来完成。
禁用测试按钮的优势是：
- 提高用户体验：禁用测试按钮可以防止用户在表单数据不完整或不符合要求的情况下误操作提交表单，避免了用户因为无效数据提交而产生的错误提示或其他不必要的操作。
- 提高数据准确性：禁用测试按钮可以确保只有在表单数据有效的情况下才能进行测试操作，避免了无效数据的干扰，保证了测试结果的准确性。
- 减少服务器负载：禁用测试按钮可以减少无效测试请求对服务器的负载，提高服务器的性能和响应速度。
表单无效时禁用测试按钮的应用场景包括但不限于：
- 用户注册页面：当用户在注册页面填写的信息不完整或不符合要求时，禁用注册按钮，防止用户提交无效的注册请求。
- 购物车结算页面：当用户在购物车结算页面填写的收货地址、支付方式等信息不完整或不符合要求时，禁用结算按钮，防止用户提交无效的订单。
- 调查问卷页面：当用户在调查问卷页面填写的答案不完整或不符合要求时，禁用提交按钮，防止用户提交无效的答案。
腾讯云相关产品中，可以使用腾讯云的前端开发工具和服务来实现禁用测试按钮的功能，例如：
- 腾讯云云开发（https://cloud.tencent.com/product/tcb）：提供了一站式的云端开发平台，可以使用云开发的前端框架和工具来实现禁用测试按钮的功能。
- 腾讯云API网关（https://cloud.tencent.com/product/apigateway）：可以通过API网关的前端开发工具和服务来实现禁用测试按钮的功能。
- 腾讯云云函数（https://cloud.tencent.com/product/scf）：可以使用云函数的前端开发工具和服务来实现禁用测试按钮的功能。
以上是关于表单无效时禁用测试按钮的完善且全面的答案。
相关·内容
我正在尝试理解angularjs中的自定义表单验证。我遵循了一个示例，该示例根据input文本字段是否包含“e”字符，将其设置为有效或无效。这似乎有效，因为css样式基于有效性进行了更改。但是，即使字段无效，表单仍然允许按submit按钮。下面的柱塞显示了一个简单的示例。如果输入字段无效，它会为输入字段绘制红色边框。
柱塞：
请注意，如果文本字段为空，则“add”按钮将被禁用，这是由于required属性造成的，但我希望在字段无效时也禁用该按钮。我遗漏了什么？我想我希望required的意思是“有效”，而不是“不空洞”。
浏览 4提问于2017-12-03得票数 0
回答已采纳
我有一个jQuery函数，它显示一个“正在加载”的图像，并在提交表单时禁用提交按钮。我还添加了Html.EnableClientValidation()；
问题是，当我单击提交按钮并且表单无效时，我会收到所有的验证错误消息，但是“正在加载”图像永远不会停止，并且按钮保持“禁用”状态。
我想添加停止“加载”图像的功能，并在表单无效时启用该按钮。
我知道如何编写jQuery函数，但我不知道如何将其与MVC EnableClientValidation集成。
浏览 0提问于2010-11-14得票数 0
回答已采纳
1回答
我知道这是一个简单的问题，但它不想工作…我有一个带有验证的反应式表单，我只想在表单组无效时禁用该按钮。 我知道怎么解决这个问题。就在这条线上..通常: disabled="!fg_profile“，但该按钮始终处于启用状态。单击按钮后，我让控制台输出表单组的状态，并显示表单组无效(false)。但按钮仍然是启用的..。 <button type="button" class="btn btn-primary pull-right"
(click)="updateProfile(fg_profile.valu
浏览 9提问于2019-04-02得票数 0
我有一个包含<p:toolBar>的<p:commandButton>
但是这个工具栏没有放在表单中，因为我使用的是模板。
这些按钮是从托管bean执行方法。
这些方法被正确地执行，并且它们正在更新一个表单。
当我想通过单击其中一个按钮来启用和禁用按钮时，这是无效的。
例子：
<p:layout id="layout">
<p:layoutUnit position="west">
<p:toolbar>
<p:toolbarGroup align=
浏览 2提问于2012-10-23得票数 0
回答已采纳
2回答
我使用ng模式来验证字段，并在字段与使用ng消息的特定模式不匹配时显示消息。我遇到的问题是表单有一个next按钮，它被禁用/启用了ng广播的“form .$ issue”，所以当输入无效时，表单就无效了。
我想要实现的是，当ng模式不匹配但没有将表单设置为无效时，显示带有ng消息的消息。本质上，我试图提供一个提示，即用户输入的文本可能无效，同时也不会阻止表单的提交。
浏览 0提问于2018-04-23得票数 1
回答已采纳
1回答
当窗体无效时，我试图禁用按钮：
我在没有任何帮助的情况下尝试了下面的方法
<form name="someForm" id="someForm">
<input type="submit" ng-attr-disabled="{{someForm.$valid}}" />
</form>
和
<input type="submit" ng-attr-disabled="someForm.$valid" />
他们都不工作，我做错什么
浏览 4提问于2015-02-02得票数 4
回答已采纳
我已经在布局视图中添加了以下脚本，在我的asp.net mvc中：
$(document).ready(function () {
$('.btn.btn-primary').click(function () {
$(this).prop("disabled", true);
if (!$('form').valid()) {
$(this).prop("disabled", false);
return false;
}
浏览 0提问于2013-11-23得票数 26
回答已采纳
1回答
我已经找到了如何添加next和以前的按钮功能，并将其实现为：。
$scope.nextTab = function() {
var index = ($scope.selectedIndex == $scope.max) ? 0 : $scope.selectedIndex + 1;
$scope.selectedIndex = index;
if(!$scope.carinfo.$valid) alert('it has errors');
}
但是，如果当前选项卡中的表单无效，我需要一种防止用户切换到下一
浏览 2提问于2015-12-30得票数 1
回答已采纳
下面是一些我认为应该在中起作用的东西(我相信我曾经用过它)。
我有一个记录表单，有几个绑定控件和一个按钮来保存表单上的值。
按钮的OnClick处理程序基本上是一个
private sub btnSave_Click()
me.dirty = false
end sub
因为我需要检查输入的值，所以还有一个OnBeforeUpdate处理程序：
private sub form_beforeupdate(cancel as integer)
if nz(me.SomeControl, "") = "" then
msgBox("
浏览 1提问于2009-12-01得票数 1
回答已采纳
我在componentA中有一个很大的表单
在componentA内部的某个时刻，我调用了componentB。
componentB包含一些东西，还有一个表单。
当我提交componentA表单时，我会提交componentB表单。
我可以在那里检查错误和无效/必需的输入，但是，如果componentA表单或componentB表单具有无效值，我希望禁用发送表单的按钮。
我怎样才能做到这一点呢？我有一个组件之间的关系，那么我是否要在组件A上创建一个custon "isvalid“函数来检查展台表单？
浏览 0提问于2018-10-24得票数 0
我将举几个我遇到的表单问题的例子。我已经因为使用“烦人的js”并试图做一个更好的程序员而受到责备，但当“烦人的js”起作用，而不显眼的js不起作用时，这让我非常沮丧。总体目标是为实际的表单type=submit按钮以外的其他东西提供类似submit()的行为，在本例中是一个图像链接。
示例1
这里的理论是，在点击ID "pw_submit“时，表单输入被禁用(工作)，提交函数被调用，该函数触发验证。后者不会发生。下一步。
示例2-
看看这个JS小提琴：
工作，但使用常规的html按钮，而不是我想要/需要的
正如我上面提到的，示例2“工作”的意义是，验证被调用，但它并没有达到我们使用超
浏览 0提问于2011-09-20得票数 0
回答已采纳
2回答
下面有fab按钮，如果表单无效，我想禁用它，但是基于的文档，fab按钮似乎没有disabled属性。
<ion-fab right bottom [disabled]="!profileForm.valid">
<button ion-fab color="primary"><ion-icon name="md-checkmark"></ion-icon></button>
</ion-fab>
浏览 3提问于2016-12-18得票数 1
回答已采纳
1回答
我在一个组件上创建了一个基于模型的表单，但是submit按钮被放在另一个组件上。
现在，当您按下按钮时，此函数将触发：
@Input()
form: any;
...
if(this.form.valid)
this.saveDefinition();
但是，如果表单无效，我想用表单向组件“发送一个信号”。如果表单无效，它应该突出显示所有无效字段(就像在同一组件上提交表单时一样)。
我已经找了一段时间了，我甚至找不到这是否可能，如果可能的话，你们能帮我上路吗？
谢谢
浏览 3提问于2017-08-07得票数 0
回答已采纳
我在一个旧的struts 1.3应用程序中遇到了一个问题。有一个使用saveToken()函数设置struts令牌的页面。按下按钮后，将打开一个表单，并在后端操作中重置令牌，以防止多次按下按钮。由于未知的原因，正在对后端.do端点执行多个请求(或者取消一个请求并发出新的请求，几乎不清楚到底发生了什么)。出现的问题是，在大多数情况下，允许第一个请求运行足够长的时间，以便运行resetToken()，使令牌无效，从而使下一个请求触发isTokenValid()为false，因此表单永远不会打开。
有没有办法让struts在请求被取消时捕捉到，以便设置新的令牌？
Chrome developer是我
浏览 16提问于2019-07-20得票数 2
回答已采纳
1回答
我有一个选项组或“框架”，在里面我有4个按钮(选项按钮)。
它们被称为：
opt_mtto opt_elec opt_qlty opt_complete
因此，我选择了每个按钮的属性来启用= False，所以当我的表单加载时，它们将被禁用。但是，我不想为每个按钮编码以启用每个按钮，我想..为什么不更好地对框架说是禁用，所以所有的内部将是禁用。
因此，我没有选择每个按钮，而是返回到我的属性并再次启用它们，但是我禁用了我的框架，所以这是相同的方式，但只需单击1次。
但是我遇到了一个问题，当我点击一个按钮时，我希望我的帧被启用，所以我编码：
frame01.enabled = True
(这启用了我
浏览 2提问于2015-03-05得票数 0
我在我的网站上有相当多的表单是使用jQuery ajax提交的。当我最近禁用了JavaScript来做一些测试时，我注意到这些表单以通常的方式提交。
当javascript不可用或禁用时，有没有什么方法可以防止它们被提交呢？
我的表单没有method或action。这些都是在ajax本身中指定的。我使用button而不是
我能做些什么来阻止他们被提交吗？
我知道我可以在页面加载后生成/启用按钮和内容，但如果用户在页面加载后故意禁用JavaScript怎么办？
浏览 1提问于2014-07-21得票数 0
在Xamarin表格中，我确认了出生日期 public ICommand ValidateDOBDateCommand => new Command(() => DateOfBirth.Validate()); 然后在XAML页面中使用绑定。 如果输入无效，提交按钮将被禁用，并显示一条错误消息。 但我注意到，当输入无效条目时，submit按钮被禁用，但在条目被更正后，错误消息仍然显示，submit按钮仍然被禁用。 使用.validate()检测条目是否已被用户更正并重置验证并启用提交时使用的模式是什么。
浏览 14提问于2019-05-24得票数 0
我正在用jQuery 1.6验证一个简单的表单，它使用一个.submit()事件处理程序，在表单无效时返回false：
$(function() {
$('#my-form').submit(function(event) {
if (true) { // for testing, always go through the failure path
alert("Invalid entry");
return false;
} else {
return true;
}
});
});
如果
浏览 4提问于2011-08-08得票数 17
这是提交按钮：
<h:commandButton
actionListener="#{regBean.findReg}"
action="#{regBean.navigate}" value="Search" />
这是表单：
<h:form onsubmit="this.disabled=true;busyProcess();return true;">
如果按下submit按钮，页面将显示“忙”图标，直到请求被处理。问题是，表单永远不会提交，请求永远不会到达后端。但是，如果我像这样删
浏览 0提问于2010-05-18得票数 3
回答已采纳
1回答
验证未在类库窗口窗体中触发的事件
、、、、
我正在使用Visual 2010和C#开发一个Word 2010 add in。
I创建了一个简单的表单，包含两个文本框和一个Ok按钮。 Ok按钮的原因验证属性设置为true。两个文本框CausesValidation属性被设置为false，它们的验证和验证属性被设置。这使得它们只在单击Ok按钮时才被验证，而不是在焦点被更改时验证。
如果表单代码是在Word add in中定义的，则验证和验证事件将按预期运行--单击Ok按钮。我想使表单可重用，所以我将表单移动到单独的类库中。该表单在很大程度上按照预期工作，但验证和验证事件从不使用上述配置运行。
有人知道为什么会这样吗？是虫子吗？
浏览 1提问于2010-10-15得票数 2
回答已采纳
我还没把这件事理清。我尝试添加验证(如果表单提交无效，则停用)数组是否包含项。我尝试使用自定义指令，但当模型更新时，它永远不会被调用:(因为在play applications模板中呈现的是角度的东西，而表单不是在我的作用域中定义的，所以我不能做一些简单的表单无效。
我试图实现的是使表单无效，直到将某个类别添加到$scope.app.categories中，从而停用提交按钮，该按钮也不在我的范围内。
下面是代码(angular版本1.2.23)：
<input type="text" ng-model="app.categories" name="
浏览 0提问于2015-01-16得票数 0
我想在提交表单后将其禁用。我试过了，但没有禁用表单：
$( "#myform" ).prop("disabled", true);
我使用的是jQuery/php/ajax。当用户单击submit时，submit按钮将被禁用，并且按钮中会显示一个微调器。服务器端验证完成并显示错误，或发送电子邮件并显示成功消息。在微调控件运行的时候，我不希望用户能够更改表单上的任何内容，例如单击另一个单选按钮。表格很快，但你永远不会知道..
浏览 2提问于2017-05-02得票数 0
我使用一些jquery在表单提交按钮被点击后禁用它，以防止意外的重复点击。这在除Firefox之外的所有浏览器中都工作得很好。在Firefox中，如果用户在submit按钮禁用后使用浏览器的Back按钮返回页面，则submit按钮仍处于禁用状态。这个问题有什么解决方案吗？
浏览 4提问于2010-01-30得票数 6
2回答
我有一个用jQuery验证的表单。当表单无效时，我希望能够禁用submit按钮，但我不确定最佳方法。要禁用按钮，我可以简单地这样做
$("#clientConfigurationForm input[type=submit]")
.prop("disabled", !clientConfigValidation.valid());
问题是我该把这段代码放在哪里？跟踪所有更改的唯一方法似乎是在unhighlight和highlight中复制代码。
有没有更好的方法来处理这个问题？
浏览 4提问于2013-09-17得票数 3
回答已采纳
1回答
在我的应用程序中，我有一个多步骤表单向导，其中禁用了next按钮，除非输入了所有必填字段。
有些字段需要额外的验证，比如目录选择器，我必须检查目录是否存在。
为了简化用户体验，我需要在目录文本字段旁边显示一个“无效目录”工具提示。
当用户尝试单击/输入禁用的下一步按钮时，我想显示工具提示。
是否可以捕获在JavaFX中禁用的按钮上执行的事件？
public void nextEntered(Event event) {
Button button = (Button)event.getSource();
if(button.isDisabled()){
vali
浏览 1提问于2016-04-11得票数 1
2回答
如果我声明了一个函数与ng-submit指令相关联的表单，那么当单击submit按钮但表单无效时，如何防止该函数被执行？
我找到了两种解决方案，它们都有很大的缺点，因此我不想使用它们：
将表单传递给控制器：
//HTML //JavaScript $scope.myFunc =函数($form，model) { if ($form.$valid) {/do}}
这是不好的，因为它将函数与从表单调用的函数联系起来。
在表单无效时禁用submit按钮。
这是不好的，因为禁用元素很难使用。工具提示没有显示什么时候按钮被悬停或点击，所以很难给用户反馈试图点击禁用按钮。
这个问题还有别
浏览 1提问于2013-12-03得票数 10
回答已采纳
1回答
HTML文本输入事件
、、、、
我有一个表单，并且希望禁用/启用它的submit按钮，这取决于表单的输入文本字段是空的还是已经输入了文本。
我认为这意味着为输入文本字段的keydown或keypress事件设置一个事件处理程序:当它被触发时，该事件处理程序应该测试输入文本字段是否包含文本，并相应地启用或禁用submit按钮。
change事件看起来应该比keydown或keypress事件更有用，只是在相关控件失去焦点之后才会触发它，还有什么好处:由于用户只想键入某些内容，然后单击submit按钮，所以我想要一个由输入的文本触发的事件处理程序，而不仅仅是当控件失去焦点时。
我的问题是：
keydown和/或keypres
浏览 3提问于2009-11-09得票数 1
回答已采纳
我在我的应用程序中有3个选项卡和所有这些选项卡的通用保存按钮，需要使用angularjs.My验证这些表单要求是我需要禁用保存按钮，并突出显示选项卡(S)，如果任何选项卡有无效的数据和启用保存按钮，只有当所有的表单数据是有效的。请告诉我如何使用bootstrap和angularjs来实现这一点。
提前感谢
浏览 0提问于2014-09-21得票数 0
我试图自动填写一个表格，以上传每个学生的分数。
手动填写表单时的场景：
点击一个按钮，模式弹出，填写表单。
自动化时出现的问题：
点击按钮不会打开模式弹出。我试着手动点击同一个按钮，当铬被自动化软件控制时添加time.sleep()，它仍然没有显示模式弹出。。
当我尝试通过selenium运行表单时，弹出的模式会被阻塞吗？
我正在运行v78+的chrome web驱动程序。
浏览 2提问于2019-12-04得票数 1
2回答
如果一个AngularJS表单是有效的，我想知道是否有人可以给我一些关于运行函数的指针。
如果表单无效，则会出现错误，但如果表单在单击提交按钮后有效，我希望它移动到表单中的下一步(多步骤表单)，所以基本上单击一个按钮来验证，如果有效，它会打开一个新的选项卡或可扩展等。
如果有任何建议，我们将不胜感激。
致以亲切的问候，
浏览 4提问于2016-10-25得票数 0
我在提交表单时禁用了提交按钮，以防止用户多次提交表单。
$(function ()
{
$("form").submit(function ()
{
$(":submit", this).attr("disabled", "disabled");
});
});
但是，如果客户端验证失败，我想再次启用该按钮。我使用的是asp.net mvc非侵入式客户端验证。
浏览 2提问于2011-04-06得票数 6
回答已采纳
2回答
我想向您学习，并知道您将如何为这个表单设计场景和测试用例，包括3个字段和一个提交按钮。
表格中有三个字段：
ID字段:最小长度7，最大长度7长度，数字，所需
电子邮件字段: 1-50长度，有效电子邮件，即: example.domain.com，必需
名称字段: 1-30长度，只需字母和空格。
描述:当按下“提交”按钮时，它将在发送表单之前验证这些字段。如果字段是有效的，它将显示一条消息:表单已发送。如果其中任何字段无效，它将显示一条验证消息，说明哪些字段无效。就这么简单。
这是我刚刚编出来的一个简单的表单，我有一种设计测试用例的方法，但是我想通过了解其他方法来增加我的知识，或者即使它是可能的
浏览 0提问于2018-06-02得票数 0
我的提交按钮在'reduxForm‘组件之外，如果表单无效，我如何禁用该按钮？
<MainComponent><MyForm/><MyButton disabled={???}/></MainComponent>
浏览 0提问于2018-04-04得票数 4
3回答
我正在做一些可访问性测试。在网站上，他们有一个注册表格，并使用表单验证技术。错误文本显示在表单字段中插入的数据无效的窗体字段下。当前，错误文本在动态中出现，而不是在表单提交时出现。当您在窗体中选项卡时，会出现错误。
根据设计，表单提交按钮在表单字段数据有效之前是不可见的。因此，目前不可能对表单提交进行错误检查。
在这种情况下，什么是“最佳做法”？我觉得他们需要改变这个表格的设计方式来满足WCAG。
在字段上使用aria-描述并与错误消息相关联似乎没有什么意义，因为当错误出现时，用户已经移动到一个新的字段。他们是否应该显示提交按钮，然后允许在表单提交失败时公布错误？或者，在屏幕上更改错误文本而不
浏览 2提问于2019-11-16得票数 5
回答已采纳
我有一个按钮，我需要禁用时，表单是空的，所以当我在开始的时候打开表单时，它应该被禁用，当表单中的任何输入获得值时，我都会启用它，我有这个代码，但它在表单加载时不是禁用的，因为当表单加载它是有效的，我如何才能使它无效，使按钮将被禁用？
HTML：
<button
class="search-form__btn"
type="submit"
size="large"
[disabled]="!isEnabled"
>
Run Search
</button>
TS文件：
public get
浏览 0提问于2020-05-29得票数 0
我使用的是formvalidation.io，并且在同一个页面上有2+表单。
当我提交表单1时，如果表单2无效，则提交按钮被禁用，即使表单1有效也是如此。
JS：
$('form').formValidation({
framework: 'bootstrap',
trigger: 'keyup blur',
fields: {
required: {
selector: '[validator="required"]',
va
浏览 2提问于2015-11-26得票数 1
我正在开发一个web应用程序，它不是我自己做的，它是使用Dojo和特别的Dijit完成的。我正在努力处理的部分是关于表单根据单选按钮进行更改的部分。因此，我使用dijit.byId('id').setAttribute('disabled',true);来禁用一个字段，这在FF上有效，但在IE8上无效。虽然，它可以工作，但不是直接当我选中单选按钮时，我必须再做一次操作(比如在页面上的任意区域中单击)，然后应用该操作。我试过像这样的东西：document.getElementById('id').disabled=true;，但它也不能正常工作。
浏览 0提问于2013-07-09得票数 0
回答已采纳
当在google /edge上填写表单时(在firefox上不发生)，然后按回页按钮，然后按前页按钮，就会发现浏览器维护表单中的信息的奇怪情况。当提交表单时，没有一个值保存到与其关联的$scope值中，则会出现此问题。我怎样才能禁用google/edge这样做，或者让它这样做，当他们这样做时，$scope被更新？
浏览 4提问于2022-08-18得票数 0
是否有一个属性可以告诉窗体是否被其他表单ShowModal过程停用？
编辑:我的程序有一个托盘图标，当点击主表单时，它会在主表单前面显示。当另一个窗口显示在模态状态时，我想禁用它。因为不这样做，主表单(禁用)将覆盖模态形式，并完全阻止我的程序。
浏览 3提问于2014-07-24得票数 0
回答已采纳
有没有办法使用jquery.validate插件禁用“急切”验证？是通过脚本中的选项，还是作为黑客？一旦表单被验证过一次，“渴望”验证就开始了--在那之后，无效的字段就会在onfocusout上被验证。我想禁用此行为，并将我的表单更改为仅在按下submit按钮时验证。
我也不介意修改验证脚本本身，所以如果这是解决方案需要的，那也是可以接受的。
浏览 0提问于2010-04-25得票数 10
回答已采纳
1回答
多种形式的CSRF令牌
、、、
我在一个页面上有两个表单，这两个表单声明如下：
form_for @student, {remote:true, format: 'json'} do |f|
和
form_for @teacher, {remote:true, format: 'json'} do |f|
但是，当我单击teacher表单的submit按钮时，它会出错，对该请求说“无效的CRSF”。对student表单的请求运行良好。
我在主<%= csrf_meta_tags %>文件中找到了application.html.erb，而teacher表单在提交中确实有一个CSRF
浏览 2提问于2015-07-03得票数 4
回答已采纳
我有一个formGroup，里面有一个提交按钮：
<form [formGroup]="myGroup" (ngSubmit)="submitForm()">
<input type="text" formControlName="name">
<button type="submit">Submit</button>
</form>
当我的组件初始化时，我调用这个函数来构建表单：
buildForm() {
this.myGroup =
浏览 0提问于2020-08-13得票数 0
1回答
我使用禁用asp.net Web按钮，当单击时禁用按钮
$(document).ready(function () {
$('[id$=btnSave]').click(function () {
var button = this;
setTimeout(function () {
$(button).attr('disabled', 'disabled');
}, 100);
});
});
但是当我将 & 插件添加到页面中时，
$(docume
浏览 0提问于2013-03-21得票数 0
回答已采纳
1回答
我有一个Elm应用程序与一个HTML表单(包含一个输入字段和一个提交按钮)，我想禁用，而输入是无效的。在输入无效时，我通过将表单提交绑定到非操作消息来做到这一点：
type Msg
= Input String
| Submit
| Noop
viewForm : Model -> Html Msg
viewForm = form [ onSubmit (if model.valid then Submit else Noop) ]
[ input [ onInput Input ] []
, button [ disabled (not mod
浏览 4提问于2017-08-27得票数 2
回答已采纳
1回答
变化检测和材料2
、、、
在我的中，我有一个带有两个按钮和一个输入字段的父组件。第一个按钮将设置一个标志来显示一个子组件，该子组件将获得父元素的窗体组。它将另一个输入字段添加到此表单组中，并使用“必需”验证。
如果使用的表单组无效，则将第二个按钮配置为“禁用”：
<form [formGroup]="formGroup">
<input type="text" [formControl]="formGroup.get('nameParent')" />
<child *ngIf="show===
浏览 2提问于2017-01-31得票数 1
回答已采纳
我有一些日期验证，我正在做的工作很好。除了在出现无效日期范围时显示错误消息外，我还想禁用/启用submit按钮。这是我的咖啡脚本..。
jQuery ->
to_date = null
from_date = null
$("#to_date, #from_date").bind "change", ->
from_date = new Date($('#from_date').val())
to_date = new Date($('#to_date').val())
if fro
浏览 2提问于2014-01-28得票数 0
回答已采纳
我有一个带有一个列作为模板列的datagrid，并且我向它添加了一个按钮。我的xaml是：
<dg:DataGridTemplateColumn Header="Generate SlNo" Width="100">
<dg:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Button Name="btnGenerateSlNO" Width="100" IsEnabled="
浏览 4提问于2013-11-21得票数 0
回答已采纳
3回答
在我的客户端页面上，我将一个侦听器附加到submit按钮：
$(function() {
$('button[type="submit"]').click(submitButtonClicked);
});
当按钮被单击时，我想禁用按
浏览 0提问于2016-05-14得票数 0
我有一个角度反应式表单，像required这样的验证器只在我输入然后离开时触发，或者在按下submit按钮后触发。
我希望在页面加载后立即触发这些验证器(值被传递到表单字段)，以便向用户显示预先填充的控件是无效的，并在每个输入下显示错误消息，以防它们无效。
浏览 0提问于2019-02-08得票数 0
我在角中使用了模板验证表单，但没有在任何字段中使用要求，因为没有一个字段是强制的。现在我需要禁用按钮，如果所有字段都是空的，并启用如果其中任何一个字段被填充，这里我有电子邮件字段，所以如果用户只输入了电子邮件字段，如果它无效，那么它应该抛出错误。如果他输入了电子邮件字段以外的任何字段，则该按钮将被启用。
我尝试使用禁用属性，方法是分配：
[disabled]="advanceSearch.groupAgent =="
也尝试了使用参考输入和禁用该值，但对我没有任何作用。
这里的问题是，尽管我使用了表单验证，但我还没有使用任何一个字段。
有人能帮我解决这个问题吗。
这是
浏览 0提问于2019-12-20得票数 1
回答已采纳
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
