为什么输入字段为空时Angular8 form.status有效？
当输入字段为空时，Angular 8中的form.status有效的原因是因为Angular的表单验证机制。在Angular中，表单验证是通过FormControl对象来实现的。当输入字段为空时，FormControl对象的值为空字符串或null，此时FormControl对象的状态会被设置为"INVALID"，表示表单验证失败。
form.status是一个FormGroup对象的属性，用于获取表单的验证状态。当FormGroup对象中的所有FormControl对象都通过验证时，form.status的值为"VALID"，表示表单验证成功。而当FormGroup对象中至少有一个FormControl对象未通过验证时，form.status的值为"INVALID"，表示表单验证失败。
在Angular中，可以通过form.status属性来判断表单的验证状态，从而进行相应的处理。例如，可以禁用提交按钮或显示错误提示信息等。
对于Angular中的表单验证，可以使用一些内置的验证器，如required（必填项）、minLength（最小长度）、maxLength（最大长度）等。此外，还可以自定义验证器来满足特定的验证需求。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
腾讯云云服务器（CVM）是一种可弹性伸缩的云计算服务，提供了高性能、可靠稳定的虚拟服务器。它可以满足各种规模和业务需求，支持多种操作系统和应用程序，并提供了丰富的网络和存储选项。
腾讯云云数据库MySQL是一种高性能、可扩展的关系型数据库服务，基于MySQL社区版开发而成。它提供了自动备份、容灾、监控和性能优化等功能，可以满足各种规模和业务需求。
更多关于腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器（CVM）产品介绍
更多关于腾讯云云数据库MySQL的信息，请访问：腾讯云云数据库MySQL产品介绍
相关·内容
1回答
我有一个表，其中包含具有默认值的布尔字段。
$table->boolean('status')->default(false);
但是，当我的输入为null时，它会产生此错误：“列'status‘不能为空”。
我认为如果输入为null，则db set状态为default。我应该使用可空的吗？但这一次“状态”字段将为空，而不是假。
审定：
'form.status' => 'nullable',
浏览 1提问于2022-01-04得票数 0
因此，在使用changedetectionStrategy.onPush时，我需要检测表单状态的变化。所以问题是:如果我向表单添加了一个新的输入，并且它是空的，并且在form.status之后删除它，那么即使我删除了空输入，表单仍然显示该表单无效。因为它，保存按钮仍然是禁用的。但是当我按下任何其他输入表单时，状态就会改变。
我知道这是因为我有changeDetectionStrategy.onPush
当它处于默认设置时，它可以正常工作，所以除了将changeDetection保留在默认的settigs之外，还有其他方法来修复这个问题吗？
浏览 4提问于2021-06-25得票数 0
我需要制作一个完整的应用程序，以便在打字时使用大写字母。因此，我尝试在HTML中使用，如下所示。
#input (input)="input.value=$event.target.value.toUpperCase()"
我还通过了一个指令，在输入时将输入转换为大写，但这两种情况都不允许ctrl + z，当我执行ctrl + z时，如果输入字段为空，它必须给我空值，当处于编辑模式时，如果已经有值，我们尝试编辑并执行ctrl + z，那么我们需要获取已经存储的值。
演示：
我试过的演示：有人能帮我解决这个问题吗？
浏览 42提问于2020-05-19得票数 0
我在组件中使用自定义input，并将其添加到父组件中。除了form.status之外，每件事情都很好。当有效/无效时，我无法获得正确的状态来切换button。
缺少的部分我应该修改/修复在哪里？
`<button mat-raised-button
name="buttonName"
[disabled]="!form.valid"
[color]="'primary'">
</button>`
form.component.html
<for
浏览 1提问于2018-07-03得票数 0
回答已采纳
我在角中使用了模板验证表单，但没有在任何字段中使用要求，因为没有一个字段是强制的。现在我需要禁用按钮，如果所有字段都是空的，并启用如果其中任何一个字段被填充，这里我有电子邮件字段，所以如果用户只输入了电子邮件字段，如果它无效，那么它应该抛出错误。如果他输入了电子邮件字段以外的任何字段，则该按钮将被启用。
我尝试使用禁用属性，方法是分配：
[disabled]="advanceSearch.groupAgent =="
也尝试了使用参考输入和禁用该值，但对我没有任何作用。
这里的问题是，尽管我使用了表单验证，但我还没有使用任何一个字段。
有人能帮我解决这个问题吗。
这是
浏览 0提问于2019-12-20得票数 1
回答已采纳
3回答
我有一个用于选择日期的输入字段。我想应用简单的验证，如果这个字段是空的，那么当它被填充时，提交按钮应该被禁用和启用，并且它应该同步。
date字段有一些问题，当我通过ng-valid检查时，它应该在日期字段中没有输入任何内容时给出false，但是它从单词go开始就给出了真。
我使用具有单一日期输入的StackBlitz创建了一个简单的示例，现在我需要在输入字段为空时禁用它，并在输入填充时激活它。
浏览 3提问于2022-05-19得票数 1
我把我的angular7升级到angular8，我注意到我的webpack版本从4.33.0降到了4.30.0。angular8支持动态导入，所以我想使用webpack的“魔法评论”来定制我的angular模块块名称，但它不起作用。
{
path: "published",
loadChildren: () => import(/* webpackChunkName: "DashboardPublished" */ './dashboard-published/dashboard-published.module').then(
浏览 0提问于2019-06-12得票数 1
2回答
HTML必需属性不适用于
、、、
当我实现google时，输入字段上的Require属性不起作用。如果输入为空，则不应提交表单。但是，当输入为空时，表单将被提交。我跟随以最简单的形式实现它。
<?php if (isset($_POST['code']) && ($_POST['code'] == "whatever")) //do stuff?> ?>
我想要做的是，只有当输入不为空时，才能执行recaptcha，否则会阻止表单提交和recaptcha执行。
浏览 0提问于2018-03-15得票数 2
在Chrome (或其他Chromium )中，当我试图获得一个数字输入字段的值时，当最后一个字符是点(.)时，值是空的。
下面是我能想到的最简单的例子：
<input type="number" oninput="console.log(event.target.value)">
例如，在Chrome中输入"123.45“就会产生这样的输出：
1
12
123
123.4
123.45
在Firefox中，我得到了更多我所期望的东西：
1
12
123
123
123.4
123.45
如果最后一个字符是点，那么获取val
浏览 3提问于2022-01-07得票数 0
回答已采纳
1回答
谁能告诉我为什么datepicker在输入字段为空时提交当前日期？我需要使此字段为空，以便如果用户不希望输入日期，则不会发送任何数据。有没有办法做到这一点？非常感谢
浏览 2提问于2010-08-27得票数 0
我是工作表单，如果模型值等于某个特定字符串，它将显示特定的div。我就是这样检查的，但不起作用，我做错了什么？
v-show="form.status === 'vh' || 'pr' || 'o'"
浏览 0提问于2019-06-10得票数 0
回答已采纳
FormType
class ArticleType extends AbstractType
{
public function buildForm(FormBuilderInterface $builder, array $options)
{
$builder->add('name', 'text');
$builder->add('status', 'choice', array(
'choices' => array
浏览 3提问于2014-03-06得票数 0
回答已采纳
1回答
这是我在angular8中的第一次练习。我正在尝试创建一个表单，该表单使用了用springboot编写的API。在尝试从angular8中使用它时，永远不会执行用spring-boot编写的api，下面是端点。
http://localhost:8080/api/startreg
@PostMapping("/startreg")
public ResponseData<Activity> addReg(
@RequestParam(value="firstDate") String firstDate,@Re
浏览 1提问于2019-10-24得票数 0
回答已采纳
我将一些输入文本替换为文本区域。现在，当我将内容保存到数据库时，文本区域在数据库中保存了一个字符串“”。因为它是一个空内容，所以我想将null保存在数据库中，就像输入文本字段一样。你知道为什么会发生这种情况吗？
浏览 0提问于2012-06-23得票数 0
回答已采纳
1回答
我想尝试在选择选项表单中选择我的默认字段。我这里的主要表单是form，form.status获取所有用户可能性状态，user_form.initial.status获取用户当前状态： <div class="col-lg-9 select mb-3">
<select name="status" ng-model='discussionsSelect' class="custom-select form-control">
{% for status in form.status
浏览 15提问于2020-12-23得票数 1
回答已采纳
我需要星号符号来指示表单控件标签附近的必需输入，并使必填字段弹出警报，如果它没有填写 <div class="form-group form-group">
<label for="status" class="col-sm-2 control-label">
<spring:message code="labels.status"/>
</label>
<div cl
浏览 26提问于2020-07-29得票数 0
回答已采纳
我需要对字符串字段的输入设置验证。这个字段应该是空的，或者在5到10字符之间。但如果我像这样设置验证：
@Size(min=5, max=10)
private String couponCode;
当值为空时，它不会传递@Valid。我怎样才能做到这一点？
浏览 1提问于2016-08-06得票数 3
回答已采纳
1回答
区块报价
无法通过道具，
Parent component:
props: {
data: {
type: Object as PropType<FormatOrderItem>,
default: () => {}
}
现在，在子组件中，我试图传递输入错误，您能帮我解决这个问题吗，
<ElScrollbar>
{Store.Record.map((item, index) => (
<ResultItem status={form.status} key={index + '_KEY&
浏览 10提问于2022-09-23得票数 0
我在从HTML输入中删除类时遇到了一个问题，当该元素变为空时。
请参阅：
这会发生一瞬间，或者如果您在字段中按住backspace按钮。之后的任何时候，该字段都会呈现“有效”类--为什么？该如何修复呢？
浏览 0提问于2011-06-13得票数 1
回答已采纳
我已经建立了一个简单的形式使用角反应形式。我有一个自定义的Validator函数，它检查电话号码输入的格式。如果用户选择不输入电话号码，则允许空输入，但如果用户输入电话号码，则验证其输入。
为此，我订阅表单控件上的值更改，如果字段为空或不为空，则使用setValidators方法切换验证：
phoneControl.valueChanges.subscribe(() => {
if (phoneControl.value === "") {
phoneControl.setValidators(null);
} else {
phoneContro
浏览 0提问于2019-08-05得票数 4
回答已采纳
我使用symfony 3.4和easycorp/easyadmin-bundle 1.17
配置表单easyadmin：
form:
fields:
- { type: 'group', label: 'Basic Information', icon: 'envelope-o', css_class: 'col-sm-8' }
- { property: 'title' }
- { property: 'status' }
-
浏览 0提问于2018-09-13得票数 1
3回答
我正在为我的网站设计一个购物车系统。我有一个输入来输入每个项目的数量，值为1自动输入。问题是，如果有人在输入中单击并删除了1，将该字段保留为空，则该商品不会添加到购物车中。
如果输入字段为空，如何使用js或jquery将其设置为1？或者如果该字段为空，是否让表单自动提交1？
浏览 1提问于2013-07-19得票数 0
回答已采纳
1回答
考虑一个带有红色错误文本的HTML输入表单，当字段为空时通知它。注意它依赖于ng-show=$error.required && $touched
<div class="form-group">
<div class="input-group">
<input id="qp-cargo-value" name="qpCargo" placeholder="$" type="text"
class=
浏览 2提问于2020-11-16得票数 5
回答已采纳
我正在使用来验证我的表单(为什么使用jquery工具？因为它们是轻量级的，并且使用语义HTML5标签、输入类型和参数进行验证)，但我有一个问题:我想让jQuery工具验证器仅在输入字段不为空时测试/验证输入字段- but字段不是必需的。
对于必须测试/验证的字段，我可以使用required="required"，它会验证…现在我有了一个文本输入字段，用户可以在其中输入网址，此字段不是必需的，但如果用户将一些数据添加到该字段中，该字段应使用pattern="https?://.+"验证以确保用户输入的是有效的URL ...如果我添加了模式参数而没有必填参数，jQu
浏览 2提问于2011-10-20得票数 1
回答已采纳
我有在角度输入文本字段，这转换为5.5E9的大值。当该值应该显示- 5500000000时
以下是输入字段：
<input [(ngModel)]="sck"
name="cap1" [pattern]="checkPattern"
placeholder="cap" type="text"
class="ng-untouched ng-pristine ng-valid"
浏览 0提问于2020-08-06得票数 0
2回答
我有以下代码，它将文本输入附加到焦点上的井中，如果输入为空，则将其隐藏。问题是它只适用于原始输入字段，生成的第二个输入字段不会在焦点上激活此功能。你知道为什么吗？
$('input:text')
.on('focus', function()
{
var $this = $(this);
if ($this.val() == "")
{
numItems++;
$($this.parent().append($('<input type="text" value ="" i
浏览 1提问于2013-02-25得票数 0
回答已采纳
2回答
我正在尝试运行selenium webdriver，模拟在textbox中输入内容并提交。
我有以下代码：
WebElement element = null;
element = waitForElementPresent(tFByCssSelector,timeoutValue);
element.clear();
element.click();
element.sendKeys("Input String");
代码成功地向textField输入了“输入字符串”，但是当我提交表单时，它显示表单为空(表单已设置为捕获空输入异常)。
我想知道为什么sendKeys不设置文本
浏览 2提问于2014-06-16得票数 0
我使用的是角度反应形式，如下所示 'storeName': [''],
'statusId': [''],
'storeAddress': this._formBuilder.group({
'address': [''],
'county': [''],
'landmark': [''],
}), 当我提交表单时，对于空控件，我仍然得到带有空字符串的字段。 是否有可能只使用包含
浏览 10提问于2019-06-20得票数 0
在我的Angular形式中，我在使用ng-options时遇到了问题，这些选项的键是一个整数，作为<option>的值
{{ form.status }} returns a string: 'foobar'
<select ng-model="form.status"
ng-options="key as value for (key, value) in status_list">
key是字符串>选择的值是正确的
{{ form.weekday }} returns an integer: 5
浏览 0提问于2016-04-05得票数 0
在编写一些验证代码时，我在jQuery中偶然发现了一些奇怪的东西--我有一个html5 "number“字段；
<input type="number" class="required numeric" />
然后，我的脚本将查看页面上的每个字段，签出类，并根据需要进行验证。我奇怪地注意到，如果我在我的一个数字字段中输入一个'X‘，我会得到一个“请在这个字段中输入一个值”错误，而不是一个“这应该是一个数字”错误。经过一些挠头和大量的调试，我创建了一个jsFiddle来演示我的理论-如果你在一个数字字段中输入一个字符，然后尝试从jque
浏览 0提问于2013-05-07得票数 7
回答已采纳
这应该很容易，但似乎什么都不起作用。我有一个包含两个参数的jQuery函数。第一个参数(pageID)应该插入到隐藏字段中。它工作正常。我希望将第二个参数插入到html输入字段中。也就是说，我希望看到表单域中的参数'pageName‘的内容，就像我自己输入的一样。代码如下：
function insertIntoHiddenField(pageID,pageName)
{
$('input[name=page_id]').val(pageID);
$('input[name=page_name]').val(pageName);
}
当我
浏览 5提问于2012-03-18得票数 0
我像这样显示temlate中的字段
<div> Name </div> <div> {{ form.status }} </div>
<div> Name </div> <div> {{ form.name }} </div>
<div> Description{{ form.description }} </div>
<div> Sub category{{ form.subcategory }} </div>
现在我想要有div
浏览 1提问于2012-11-28得票数 0
我已经使用了管道过滤器选择器，它将限制所有特殊字符，除了-现在，在复制粘贴到输入字段时，它限制输入字段中的特殊字符，但如果它不限制特殊字符。在wildCardSearch中，我也能看到特殊字符。
演示：
对于测试：Testing#，如果我们粘贴到输入框中，它只需要Testing，但在显示它时需要Testing#。
我也试着在按钮中设置选择器，但没有起作用。
TS：
public searchChange(event) {
this.wildCardSearch = event;
}
HTML：
<button type="button">{{wild
浏览 1提问于2020-01-02得票数 0
3回答
我想不通这个问题！我有一个简单的jquery验证按钮点击来验证输入字段是否为空。
我不知道为什么当输入字段为空时，它返回的值不为空。
非常感谢您的帮助。
浏览 7提问于2012-10-09得票数 2
这里有一个输入字段，这个输入字段是数字类型，所以我对这个数字类型的输入字段进行验证，在代码中看到(它只允许数字)，它完美地工作，但是在输入一些整数之后，当我输入空的输入字段时，它不是删除输入字段中的最后一个字符，如何也删除它？
<Input
name='monthlyPrice'
type='number'
value={this.state.monthlyPrice}
onChange={this.onInputChangeValue}
/>
onInputChangeValue(e){
if(e.ta
浏览 0提问于2019-05-14得票数 1
回答已采纳
在Acrobat DC中处理表单，如果前一个字段(addtl_tables)为空，我需要限制在一个字段(first_table)中输入。换句话说，如果first_table字段尚未填写，我希望表单禁止在addtl_tables字段上输入和进一步计算。
下面是我用来验证addtl_tables字段的代码：
if (this.getField('first_table') != 1) {
event.value = '';
}
当我对此进行测试时，即使first_table包含有效数据，addtl_tables字段也从不接受任何条目。
这应该很简单，但是我遗漏了什
浏览 0提问于2017-10-31得票数 0
如果与电子邮件和密码标准匹配，我将在输入字段中添加一个"valid“类。我想启用一个提交按钮，如果两个字段都有一个有效的类，一旦添加了有效的类，即使输入的输入被完全擦除，它也会留在那里。
要解决这个问题，我必须删除有效的类，或者在字段不为空时递增计数器。我尝试第二种情况，检查是否存在有效的类，以及字段是否不为空。我用下面的代码没有得到想要的效果：
<input type="email" name="email" placeholder="Email" class="email required valid" id=&
浏览 2提问于2012-08-24得票数 0
回答已采纳
2回答
我正在使用。对于我所做的所有输入字段的工具提示
$("#univers :input").tooltip({
effect: 'slide',
position: "center right",
offset: [-2, 10],
effect: "fade",
opacity: 0.5,
tip: '.tooltip'
});
但是
浏览 4提问于2009-09-28得票数 0
我使用输入文本字段的readonly、disabled和required属性如下：
<input type="text" id="visitDate" name="visitdate" readonly="readonly" disabled="disabled" required="required" />
我的问题是，三个属性中有两个(即disabled和readonly )工作正常，但required没有工作。提交按钮允许提交，即使它是空的。但是，如果删除readonly表单，则不
浏览 4提问于2017-02-21得票数 4
回答已采纳
脚本：
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
<input type="text" name="hashtag1" />
<input type="text" name="hashtag2" />
<input type="text" name="hashtag3" />
浏览 2提问于2014-10-18得票数 0
回答已采纳
我在Windows窗体中有几个文本框。这些文本字段中的一个允许为空。当我为每个字段输入一个值时，它都会被插入，没有问题。当我将字段(txtGewicht)保留为空时，我似乎无法在Access数据库中插入NULL。
If Double.TryParse(txtGewicht.Text, 0) Then
klant.Gewicht = Double.Parse(txtGewicht.Text)
Else
klant.Gewicht = Nothing
End If
我得到的是：
“无法将列'Gewicht‘设置为空，请改用DBNull
因此，
浏览 6提问于2012-01-04得票数 1
4回答
我有一个表单，每个公司的产品都有大约100个输入/文本字段。表格将在一天结束时填写，并注明销售的每种产品的数量。
如何使表单仅传递到不为空的相对较小的字段子集？
我不是在找表格验证。用户可以在任何输入字段中输入或不输入值；但是，我只希望将输入值的输入字段包含在表单传递的帖子中。
谢谢
浏览 4提问于2015-07-13得票数 8
回答已采纳
在生成表格时，有没有办法用模型实例中的数据预填充表单域？
假设我有一个campaign模型，我在一个表中循环实例值和表单字段。
例如，像这样：
{% for campaign in all_campaigns %}
<tr>
<td>{{ forloop.counter }}</a></td>
<td>{{ campaign.name }}</td>
浏览 7提问于2017-02-12得票数 0
回答已采纳
组件如下：
export class SchedulerComponent implements OnInit {
schedulerForm : FormGroup;
constructor(private fb: FormBuilder,
private schedulerReportService: SchedulerReportService) {
this.prefReport="dayReport";
this.schedulerForm = this.fb.group({
scheduler
浏览 10提问于2020-05-12得票数 0
回答已采纳
我使用的是ASP.NET Core2.x，并且有一个动态生成的表单(我不知道页面上可能有多少个字段，也不知道它们的名称是什么)。除了"file“输入之外，它工作得很好。
此表单中可能的字段类型之一是"file“输入，以允许用户将文件上载到站点。
在这个场景中，我不一定知道字段的名称，所以我需要创建一个类似如下的控制器操作：
[HttpPost]
public async Task<IActionResult> HandleWorksheet()
{
...
if (field.FieldType == FieldType.FileUpload)
浏览 0提问于2018-07-17得票数 1
我有多个用户可以输入数据的表。如果用户选择，他们不需要在每个表中输入数据，我要检查字段在遍历数据之前是否为空，并开始将其插入DB中。
下面是其中一个表的样子：
<table id="budget_table">
<thead>
<tr>
<th>Roofs</th>
<th>Area</th>
<th>Recommendation</th>
<th>Budget</th>
浏览 5提问于2015-09-30得票数 0
回答已采纳
我有一个与Integer变量绑定的文本字段，因此当用户在此字段中输入数字时，绑定机制会自动将文本转换为Integer，并将此值设置为var。问题是，由于用户在文本字段中键入文本，绑定机制仅转换值，如果用户在其中键入一些字母，绑定将不会激活，因为文本字段中没有合法的值。在这种情况下我需要的是，绑定必须用空值触发更改，所以我的Integer变量中有空值。
因此，如果用户将此字段保留为空或不是数字，则绑定将必须触发空值传播；而不是忽略事件...如果不在文本字段上编程事件，我怎么做？
java绑定能够改变它的默认行为吗？
浏览 13提问于2009-03-04得票数 4
回答已采纳
我创建了一个包含价格的十进制字段的ViewModel对象。当我将它发送给我的控制器时，会发生这样的情况：
输入"15“-> ok！控制器接收15。输入"15.00“->不合适！控制器接收‘空’字段。输入"15,00“->验证错误，因为该字段应该被格式化为句点(我只是暂时坚持一种格式类型以避免复杂性)。输入"15.00M”->验证错误，可能是因为它不是一个数字。
我该怎么解决这个问题？我想"15.00“是一个正确的值，但我不知道如何做到这一点。我尝试了一些我在互联网上找到的定制模型绑定器，但是它们没有工作。
浏览 0提问于2012-05-18得票数 3
回答已采纳
为什么在将空值与MYSQL中的INT进行比较时，MYSQL将空值转换为“0”？我损失了数小时的睡眠和调试时间，因为代表MYSQL的这场可怕的灾难。
编辑
示例:我从来自客户端的post输入中获得一个值，如果未设置该输入，则必须将该字段设置为NULL，因为如果我将其设置为0或任何其他int值，则可能会击中db中的实际记录。如果将其设置为任何其他非INT值，则MYSQL在比较时将其转换为0。
浏览 2提问于2017-06-09得票数 0
3回答
在可为null的DB字段上将空TextBox设置为null时遇到困难。
XAML
<y:TextBox Text="{Binding Year1Cost, Mode=TwoWay,
UpdateSourceTrigger=PropertyChanged,
NotifyOnValidationError=True,
ValidatesOnDataErrors=True,
ValidatesOnExceptions=True,
StringFormat=\{0:c\}}" Grid.Row="
浏览 0提问于2010-01-14得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
