聚合物:在输入无效时阻止提交表单
聚合物是一种前端开发中常用的技术，它是指使用HTML、CSS和JavaScript等技术将多个组件或模块组合在一起，形成一个可重用的整体。聚合物可以帮助开发者构建交互式的Web应用程序，并提供了丰富的组件库和工具，使开发过程更加高效和灵活。
聚合物的优势包括：
- 可重用性：聚合物提供了丰富的组件库，开发者可以直接使用这些组件，减少重复开发的工作量。
- 组件化开发：聚合物支持将应用程序拆分为多个组件，每个组件负责不同的功能，便于团队协作和维护。
- 响应式设计：聚合物支持响应式设计，可以根据不同的设备和屏幕尺寸自动调整布局和样式，提供更好的用户体验。
- 数据绑定：聚合物支持双向数据绑定，可以实时更新页面上的数据，提高用户交互性。
- 跨浏览器兼容性：聚合物可以在不同的浏览器中运行，保证应用程序的兼容性。
聚合物在以下场景中有广泛的应用：
- Web应用程序开发：聚合物可以用于开发各种类型的Web应用程序，包括企业管理系统、电子商务平台、社交媒体应用等。
- 移动应用程序开发：聚合物可以结合移动开发框架，如React Native、Flutter等，用于开发跨平台的移动应用程序。
- 单页应用程序开发：聚合物可以用于开发单页应用程序，提供流畅的用户体验和快速的页面加载速度。
- 响应式网站开发：聚合物可以用于开发适应不同设备和屏幕尺寸的响应式网站，提供一致的用户体验。
腾讯云提供了一系列与聚合物相关的产品和服务，包括：
- 云托管（Serverless）：腾讯云云托管是一种无服务器计算服务，可以帮助开发者快速部署和运行聚合物应用程序，无需关注服务器管理和扩展性。 产品链接：https://cloud.tencent.com/product/scf
- 云存储（COS）：腾讯云云存储是一种高可靠、低成本的对象存储服务，可以用于存储聚合物应用程序中的静态资源文件。 产品链接：https://cloud.tencent.com/product/cos
- 云网络（VPC）：腾讯云云网络是一种灵活可扩展的私有网络解决方案，可以为聚合物应用程序提供安全可靠的网络环境。 产品链接：https://cloud.tencent.com/product/vpc
- 云安全（SSL证书）：腾讯云云安全提供了SSL证书服务，可以为聚合物应用程序提供安全的HTTPS访问。 产品链接：https://cloud.tencent.com/product/ssl
总结：聚合物是一种前端开发技术，可以帮助开发者构建交互式的Web应用程序。它具有可重用性、组件化开发、响应式设计、数据绑定和跨浏览器兼容性等优势。聚合物在Web应用程序开发、移动应用程序开发、单页应用程序开发和响应式网站开发等场景中有广泛的应用。腾讯云提供了与聚合物相关的产品和服务，包括云托管、云存储、云网络和云安全等。
相关·内容
我想创建一个带有自定义模板的自定义输入元素，并让原生HTML <form>像对待其他原生输入元素一样尊重它。例如，当元素无效而用户试图提交表单时，浏览器将触发对我的自定义元素的验证逻辑，并阻止提交和显示错误。此外，当表单被提交或序列化时，自定义元素的值也会包括在内。
我已经使用了"is“属性和一个扩展HtmlInputElement对象的定制类，但是我似乎不能使用这个方法来使用定制模板。
如果这是可能的，我该如何去做呢？
欢迎使用普通JavaScript和聚合物的例子。
浏览 5提问于2017-02-07得票数 3
回答已采纳
1回答
在提交时给予无效表单输入红色边框
、、、、
我希望给我的表单输入一个红色边框，当表单提交时，它们是无效的。目前，我已经通过在input:invalid CSS中使用选择器实现了这一点；但是，这使得红色边框从一开始就出现了，甚至在用户在输入字段中键入任何内容之前也是如此。我要找的是在表单提交之前不要有任何红色边框，只有红色边框才能阻止表单成功提交的无效输入。我正在使用Vue.js，代码如下所示。
input,
textarea {
font-size: 14px;
padding: 7px;
filter: none;
&[type='email'],
&[type='passw
浏览 7提问于2020-07-16得票数 0
1回答
我有一个基本脚本，它在表单提交后设置html输入字段的值。
<button id='submitbutton' name="Submit" class="btn btn-primary" onclick="Refresh()">Submit</button>
<script>
function Refresh() {
document.getElementById("mrent").value = "20";
}
</script>
浏览 4提问于2022-05-15得票数 0
我有一个包含几个文本输入和一个文件类型输入的表单，在其中我试图验证所选文件是否为PDF。我就是这样做的：
$("#myform").bind("submit", function() {
var ext = $('#file_input').val().split('.').pop().toLowerCase();
if($.inArray(ext, ['pdf']) == -1) {
alert('ERROR!');
}
});
但是在上面的代码中有一个不足
浏览 5提问于2012-07-09得票数 0
回答已采纳
3回答
当使用时，表单中有一个无效的输入值将停止提交该表单。如何检测用户试图提交失败的表单？当提交因验证失败而停止时，表单的onsubmit处理程序不会触发。
我目前正在监听submit按钮上的keypress和click事件，以检测提交尝试。是否有更好的方法来检测失败的表单提交？
浏览 4提问于2013-06-25得票数 9
2回答
表单被提交，尽管输入无效。
、、、、
我编写了一个HTML代码，在该代码中，我正在验证文本字段中的字母值Regex=/^[a-zA-Z]*$/。实际上，对于无效的输入，我希望表单不应该被提交。
验证代码
function Validate() {
var fname=$("#fname").val();
if(!(fname.match(Regex)))
alert("Invalid First Name");
return false;
}
HTML代码
<input type="text" name=&#
浏览 8提问于2014-03-14得票数 1
回答已采纳
6回答
MVC 5远程验证
、、、、
在提交表单之前，我需要验证来自用户的输入字段值。
我已经在我的自定义控制器中创建了一个操作，并用它装饰了字段：
操作名称：CheckValue控制器名称：Validate
[Remote("CheckValue", "Validate"), ErrorMessage="Value is not valid"]
public string Value { get; set; }
问题是，当我按下submit时，表单正在提交，如果用户输入的值无效，则会显示消息Value is not valid。
如何验证用户输入的值，如果值无效则不提交表单，并显示
浏览 1提问于2014-07-21得票数 24
我有一个HTML 5表单！太好了，我很兴奋！我决定使用xmlHttpRequest提交表单，我使用的是jQuery，所以是$.post(...)。很管用，太棒了。我输入了一些无效的数据并提交了表单，而那些表单控件的有效性状态是无效的--正如预期的那样。到目前一切尚好。
现在，我将有效值输入到表单的输入控件中，并再次提交表单，这一次它是成功的，除了1件事外，在调用表单的reset()方法之后，红色框阴影样式仍然保留。但是，如果输入在与其交互后处于无效状态，但在提交表单之前被更正为有效状态，则在调用表单的reset()方法时删除样式。
那么问题是如何覆盖这种行为呢？
浏览 1提问于2013-08-11得票数 3
回答已采纳
2回答
在HTML5中，当调用checkValidity方法或提交表单时，浏览器计算字段，如果字段无效，则引发invalid事件。
我的问题是，我能否捕获此事件并取消它，以便浏览器认为此字段有效。我尝试了以下几点：
<asp:TextBox ID="Line2TextBox" runat="server" placeholder="e.g. Street 9" required oninvalid="return Line2TextBox_Invalid(this);" ></asp:TextBox>
funct
浏览 2提问于2014-03-05得票数 2
回答已采纳
我已经构建了一个侦听器来防止表单在特殊情况下提交。
我使用的是google地图自动完成api，基本上我不想在用户按回车键并显示“推荐结果”框时提交表单。因为用户按enter从下拉框中选择一个值，而不提交表单。
我已经构建了一个侦听器来正确地捕获事件，但是我不知道如何防止表单被提交。
$('body').live('keydown', function(e) {
if($(".pac-container").is(":visible") && event.keyCode == 13) {
e.
浏览 6提问于2012-08-10得票数 4
回答已采纳
我有一个使用HTML5 'required‘验证的表单，我发现如果你尝试在IE中提交表单，输入会以红色突出显示，并带有无效的伪类- fine。
如果我完成表单并通过AJAX提交，然后在成功时发出form.reset()，那么无效的伪类将重新应用于突出显示所有“必需”输入的表单元素吗？
如何重置/清除窗体，包括无效的伪类？
浏览 2提问于2014-06-04得票数 6
我正在为我的web应用程序创建一个地址表单，并且很难用required属性为required表单验证找出样式规则。下面描述的示例和行为使用Firefox。
表单的第一个输入字段的HTML如下所示：
<label for="addressLine1" class="form__label">
Address Line 1
</label>
<input type="text" required aria-required="true" class="form__input-tex
浏览 9提问于2020-09-23得票数 3
我一直在尝试使用React-hook-form和Chakra UI组件库在Next.js中实现一个登录表单，但是我不明白为什么尽管我完全遵循了React-hook-form文档，我的表单验证错误消息仍然不能显示。我有它的设置，用户名必须是2-30个字符的长度和密码必须至少是8个字符的长度；两个输入字段都是必需的。在有效的表单提交时，将弹出一个警报，表示成功提交。然而，对于无效的表单提交，错误消息应该显示在无效输入的下面，但事实并非如此。然而，我已经注意到，无效的输入字段将在提交时获得焦点。 这就是我所看到的：https://codesandbox.io/s/quirky-wave-jgpwf
浏览 20提问于2020-09-07得票数 1
回答已采纳
基于
4.10.21.2隐式提交
表单元素的默认按钮是按树顺序排列的第一个提交按钮，其表单所有者是该表单元素。
如果用户代理支持让用户隐式提交表单(例如，在某些平台上按下"enter“键，而文本控件是有焦点的，则隐式提交表单)，则对于默认按钮具有激活行为且未禁用的表单，必须使用户代理在该默认按钮上触发单击事件。
只有在有一种方法隐式提交表单的情况下，web上的页面才是可用的，因此强烈鼓励用户代理支持这一点。
如果表单没有提交按钮，那么如果表单有多个阻止隐式提交的字段，则隐式提交机制必须什么也不做，否则必须从form元素本身提交form元素。
我的期望是，当一个表单有多个输入元素
浏览 3提问于2022-02-15得票数 0
回答已采纳
我有一个asp.net textbox和一个附加到它的MaskedEditExtender控件。文本框用于日期输入。MaskedEditExtender具有MaskType="Date“Mask="99/99/9999”。
当表单提交的日期无效时，浏览器会显示Javascript错误"...字符串未被识别为有效的日期时间“。
我知道为什么会出现错误。有没有一种方法可以使用扩展程序只控制用户输入的内容，而不验证或转换输入？
浏览 2提问于2008-09-29得票数 1
回答已采纳
我有一个带有自定义ErrorStateValidation的角反应形式。所希望的行为如下：
仅在字段已提交且文本输入字段中没有输入任何内容时显示无效错误消息。(如果表单已成功提交)，重置验证并将提交状态设置为false，而不显示无效错误消息。
我有#1在使用自定义ErrorStateMatcher。成功提交后，我将调用FormGroupDirective上的FormGroupDirective函数，该函数会将提交状态重置为FALSE。问题是，表单似乎要提交两次，因此提交状态自动返回为TRUE，并在成功提交后立即显示无效消息。
这个问题的工作示例可以在这里找到，。
浏览 3提问于2021-11-27得票数 1
回答已采纳
我一直收到此条带错误
An unexpected error has occurred with Stripe.js. This may be due to network connectivity issues, so you should try again (you won't be charged twice). If you're still having problems, please let us know!
当卡片无效时，表单永远不会提交，但表单在显示此错误后成功提交，并且在条带仪表板中添加卡片和客户时没有任何问题。
浏览 1提问于2013-08-02得票数 2
2回答
无效输入的正确制表符顺序是什么？
、、、、
由于可访问性的原因，表单中的第一个无效输入应该集中在表单提交上。这防止了非目视用户被迫寻找无效输入。
我的问题与标签顺序有关。当第一个无效的输入被聚焦之后，当用户再次单击选项卡时，焦点应该转到下一个无效的输入，还是按常规的选项卡顺序转到下一个元素？
以这个伪代码为例。如果输入编号2和4有错误，则当表单提交时，焦点将移至输入编号2。下次用户按tab键时，焦点将转到输入3或4？
<input id="1">
<input id="2"> <-- invalid
<input id="3">
<input
浏览 10提问于2016-06-10得票数 1
回答已采纳
我们做的一个jQuery控件出了点问题。假设您有一个下拉列表，允许您输入要查找的项目的ID，当您在文本框中按enter键或失去焦点时，它会通过jQuery验证您输入的ID是否正确，如果不正确，则会显示警告。
问题是，当普通用户在其中输入无效值并因按下submit按钮而失去焦点时，jQuery post将在表单的提交被发送后返回。
有没有什么方法可以让我检查jQuery是否有异步请求处理，这样我就不允许提交表单了？
浏览 7提问于2009-12-01得票数 91
回答已采纳
有人知道在Chrome中从javascript提交表单时，如何将输入字段的值添加到该输入字段的历史记录中吗？(问题不会出现在Firefox中。)或者我必须启用什么？autocomplete=' on‘在输入字段上无效。
例如，在登录表单中，让浏览器记住登录信息很好，这样用户就不需要再次输入了。
我当前在表单对象上使用jQuery的submit()方法提交表单，但是当我再次加载页面时，用户字段不记得登录名了吗？
如果我使用提交按钮提交表单，这将起作用。
浏览 1提问于2012-01-13得票数 0
我使用jquery在提交表单时调用操作。我还使用return false；来防止页面被刷新。然而，当我尝试重新提交表单时-它不起作用，但我需要它(例如，在字段中输入的新数据)。
目前，我使用的是这个结构：
<form action="" method="POST" id="myform">
<input type="text" name="test" value="test">
</form>
$(document).ready(function(){
浏览 2提问于2012-04-30得票数 2
1回答
当用户不存在时，我想让用户只提交表单。为此，我构建了一个小的rest来检查输入、模糊或表单提交上是否已经存在键入的用户。这行得通
最棘手的部分是如何设置自定义有效性。我希望尽可能多地使用本机表单验证和错误处理。因此，我动态地设置和取消模式属性。
问题1:在提交表单时，按enter键不显示无效输入的消息(我可以手动触发表单以显示有效性消息吗？)
问题2:当输入一个无效的名称时，提交，然后输入一个有效的名称，然后再次提交，验证错误消息很快就会出现，然后消失。(由于必须同步调用preventDefault，所以应该在输入有效时重新提交表单并删除提交的事件侦听器，这样表单才会提交吗？
我准备了一些代码
浏览 2提问于2017-08-08得票数 1
当用户创建帖子时，在帖子表单中，我想提供一个按钮。当用户单击该按钮时，它将启动一个iframe并提交post表单的一些输入。当嵌套表单无效时，我如何将这些输入提交到其他网站？
浏览 2提问于2012-09-03得票数 0
2回答
我想知道如果我的表单数据在html5验证中无效，是否会调用submit。例如，我有一个表单id personal_info。
我使用下面的代码块来获取提交事件：
$("#personal_info").submit(function(event) {
event.preventDefault();
saveData("personal_info");
});
function saveData(formName){
console.log("test");
}
是在提交时调用函数saveData的默认行为，因为即使我的表单无效
浏览 1提问于2014-12-27得票数 3
1回答
这个问题与有关，但集中于我在问其他问题时不知道的基本问题之一。
我正在使用Python、Flask和WTForms来创建一个表单。这里是蟒蛇：
from flask import render_template
from flask_wtf import FlaskForm
from wtforms import DecimalField, SubmitField
from wtforms.validators import NumberRange, DataRequired
class NumberForm(FlaskForm):
question_one = DecimalFie
浏览 1提问于2018-10-30得票数 2
回答已采纳
1回答
是否有一种方法可以防止具有无效但只读输入的表单提交而不使用自定义JS代码？
<form>
<input name="number" type="number" value="-1" min="0" readonly>
<input type="submit">
</form>
浏览 0提问于2018-02-07得票数 1
1回答
在我的表单中，用户必须输入4个值才能生成乘法表。
为了验证用户的输入，我使用jQuery。如果输入无效(空白、非整数号等)，则显示错误消息。只有当输入有效时，“提交”按钮才能工作。
我用它来阻止表单的提交(来源：)：
$("#inputForm").submit(function(generateTable) {
generateTable.preventDefault();
}).validate({
//code
});
下面是validate.js文件：
function generateTable() {
//code
return false;
浏览 7提问于2020-11-12得票数 0
回答已采纳
<field-validator type="requiredstring">
<message>password required,enter again</message>
</field-validator>
<field-validator type="fieldexpression">
<param name="expression">password.equals('prernagolani
浏览 3提问于2011-06-16得票数 0
回答已采纳
2回答
HTML5表单验证
、、、、
关于HTML5表单验证，我有两个主要问题。
1-我使用这段代码来更改输入的验证消息。
$$('INPUT').each(function(input)
{
input.oninvalid = function(event)
{
event.target.setCustomValidity('');
if (!event.target.validity.valid) event.target.setCustomValidity('Please Fill');
};
}
这种方法有一个大问题。由于表单是在输
浏览 1提问于2012-07-22得票数 2
1回答
我正在实现一个表单，其中用户只允许输入带有两个小数点的数字(即有效金额)。我使用Next.js (React)作为我的JS框架。
我发现，当输入一个包含两个以上小数点的数字时，下面的示例将打开一条验证消息，通知我输入无效。单击submit按钮时，消息再次打开，表单无法提交(“提交的表单”不在控制台上打印)。
<form
onSubmit={(e) => {
e.preventDefault();
console.log('submitted form');
}}
>
<input
type="number
浏览 7提问于2022-10-13得票数 0
2回答
React admin在提交数据时不尊重表单中的实际输入。相反，它将发送最初获取的整个记录，而不管哪些输入实际上在表单中。
我如何才能发送在表单中显示输入的数据？
示例:给定为编辑表单获取的以下记录：
{ first_name: 'jane', last_name: 'doe', age: 21, email: 'janedoe@mail.com' }
表单将只有first_name和last_name的输入。我希望表单只向以下输入提交数据：first_name、last_name。
浏览 16提问于2022-04-08得票数 0
1回答
我对Symfony有意见。当我在内置的Symfony服务器上提交FOSUserBundle注册表单(在端口:8000上)时，它会显示以下错误：
“CSRF令牌无效。请尝试重新提交表单。”
但是，当我(通过/web/app_dev.php/)在Apache上提交表单时，所有操作都很好。
隐藏的令牌输入以形式存在。
浏览 3提问于2016-01-13得票数 1
回答已采纳
让我们假设用户提交了一个表单。其中一个字段无效，因此表单将重新呈现。在重新呈现表单的过程中:我检查该属性提交的值是否无效。如果是这样的话:然后显示无效的数据输入和一些额外的文本。
这是我到目前为止所拥有的。它很接近，但并没有完全工作：
<%= form_for(blog) do |f| %>
<div class="field">
<%= f.label :age %>
<% if f.object.age %>
<% if f.object.errors.include?(:age) %&
浏览 0提问于2016-08-10得票数 0
回答已采纳
1回答
我一直在使用带有本机元素的react钩子形式库，但我想切换到使用Controller API的自定义组件。 我的自定义输入组件在更新React状态但不更新form状态内的ref时遇到问题。因此，必填字段始终标记为无效，并且我无法提交表单。 这是我的问题的一个演示：https://codesandbox.io/s/react-hook-form-controller-bofv5 它应该在提交时注销表单数据-但提交从不发生，因为表单无效。
浏览 11提问于2020-04-29得票数 3
回答已采纳
假设我有这个函数，并且手动添加了一些错误：
$('form').validate().showErrors({
"firstname": "I know that your firstname is Pete, Pete!"
});
当表单第一次提交时，会添加我的自定义错误。每件事都很好。显示了我的错误，没有提交表单。
但是下一次，我的输入是有效的！。看起来这个无效的字段不是持久化的，而且第一次输入是无效的。
这是默认行为吗？每次提交表单时，是否都需要添加自定义错误？
顺便说一句，在我的输入元素中没有添加任何规则(除了一些必需的字段验证)。没
浏览 4提问于2015-05-09得票数 0
1回答
一些用户绕过客户端验证
、、、
我试图了解我的一些网站用户是如何绕过客户端javascript表单验证的。我有一个多步骤表单，当它的步骤显示/隐藏时，javascript将被关闭，提交按钮通过ajax工作(即它没有type="submit"属性)。
我正在使用库来处理验证，通过广泛的测试，我确信它可以在表单上的所有输入中工作。
表单中的一个字段是英国的移动电话号码，因此它应该从07开始，长度为11个。对于这个检查，我使用正则表达式pattern="^07\d{9}$"，它工作得很好，因为除非格式输入正确，否则我无法处理表单。
通过查看表单提交的内容，我发现大约有1%的应用程序输入的格式无效，例
浏览 4提问于2016-03-21得票数 1
我有一个表单，在输入文本框中，我输入一个数字并按enter，然后使用jQuery将该值附加到文本区域。一切都很好。
我遇到的问题是，如果我添加一个submit按钮来提交表单，只要我按ENTER键，它就会提交表单。
我想要做的不是在按enter时提交表单，而是只在单击submit按钮时提交表单。
我尝试使用preventDefault()并返回false，这将在按ENTER键时停止表单提交，但是如果我在submit按钮上添加一个单击事件来提交表单，它什么也不会做。在提交之前，我在click函数中放置了一个警告，这会触发，但表单不会提交
<form id="toteform"
浏览 3提问于2014-01-24得票数 1
回答已采纳
我有一个网页，我没有能力改变底层的源代码，只能使用jQuery来操纵它。
目前页面的工作方式是，当按下表单提交按钮时，如果表单有任何问题，它会抛出警告消息。如果页面有效，它将正常提交表单。
我尝试做的是向submit按钮添加一个单击事件，但我只希望在我知道表单没有任何错误(没有警告消息)的情况下触发该事件。这个是可能的吗？
我现在遇到的问题是，附加一个click可以工作并触发我的代码，但是无论表单是真的有效(没有警告消息)还是无效(警告消息)，事件都会运行。
谢谢!
浏览 3提问于2010-02-22得票数 1
回答已采纳
有人知道如何防止提交表单时直接访问URL吗？
所以我有这样的路线
$route['registration']=administration/register
当我输入的时候
localhost/myweb/registration
有一个数据库错误，实际上那是因为我们直接通过URL访问它，而不提交表单。我已经成功地在表单上设置了验证，以防止数据库错误，但这是为了防止用户提交我们表单。当涉及到用户输入“注册”时，数据库错误。
嗯，对于一些工作和页面，我只是简单地将SESSION设置为ADMIN或USER，以防止直接访问URL，但我们不能对表单执行此操作，对吗？
注意:我的表单提
浏览 1提问于2017-02-10得票数 0
我有一个表单，其中有几个字段和一个recaptcha代码在末尾。
当用户提交表单时，recaptcha字段将与服务器端的其他字段一起进行验证(PHP)。如果其中任何一个字段无效，则用户将被重定向到相同的表单，但会出现错误。
然而，问题是:用户必须再次输入recatpcha。
如果表单验证失败但验证码验证成功，我有什么办法不要求用户再次输入recaptcha吗？
浏览 1提问于2011-11-26得票数 0
回答已采纳
如何使表单输入在表单提交时变脏？
这是必需的，以便可以将带有$error的输入字段
示例：
name: <input type="text"
ng-model="user.name"
ng-model-options="{ updateOn: 'blur' }"
name="uName"
required /><br/>
浏览 2提问于2014-10-09得票数 4
回答已采纳
1回答
聚合物中的形态验证
、、、、
我有Polymer应用程序，我想在表单提交时检查给定的输入是否为NOT EMPTY。我有一些输入设置为required，但我没有任何方法检查这些字段是否为NOT EMPTY。我只能通过检查invalid属性来检查给定模式是否匹配，但即使对于required字段，模式也是.*。
还有人等着做吗？或者它是在beta版，而这个特性还没有实现呢？
浏览 5提问于2014-09-16得票数 1
2回答
我使用ng模式来验证字段，并在字段与使用ng消息的特定模式不匹配时显示消息。我遇到的问题是表单有一个next按钮，它被禁用/启用了ng广播的“form .$ issue”，所以当输入无效时，表单就无效了。
我想要实现的是，当ng模式不匹配但没有将表单设置为无效时，显示带有ng消息的消息。本质上，我试图提供一个提示，即用户输入的文本可能无效，同时也不会阻止表单的提交。
浏览 0提问于2018-04-23得票数 1
回答已采纳
2回答
当我们尝试提交HTML5表单时，如果一个或多个必填字段缺少值或发生其他错误(类型或长度不匹配)，就会阻止表单提交。使用突出显示的无效字段更新UI，并聚焦第一个无效字段。此外，有一个气球/气泡附加到第一个无效字段，并带有错误消息。
现在，如果它是一个Ajax表单，那么在调度Ajax调用之前，我们调用myForm.checkValidity()来确认错误。但是在调用checkValidity()时，它不会影响突出显示无效字段和附加气泡的UI。
有没有办法调用浏览器的本机行为来进行验证，这样我们就可以看到气球以及突出显示和聚焦的无效字段？
浏览 0提问于2012-07-08得票数 17
回答已采纳
我在componentA中有一个很大的表单
在componentA内部的某个时刻，我调用了componentB。
componentB包含一些东西，还有一个表单。
当我提交componentA表单时，我会提交componentB表单。
我可以在那里检查错误和无效/必需的输入，但是，如果componentA表单或componentB表单具有无效值，我希望禁用发送表单的按钮。
我怎样才能做到这一点呢？我有一个组件之间的关系，那么我是否要在组件A上创建一个custon "isvalid“函数来检查展台表单？
浏览 0提问于2018-10-24得票数 0
4回答
根据ajax响应提交表单
、、、
我创造了一种形式。在提交表单时，我发出一个ajax请求，它告诉我数据是否有效。我想要做的是，如果ajax响应告诉数据是有效的，那么它应该提交表单，但是如果数据无效，那么它就不应该提交表单。
$('#agentLogin').submit(function(ev){
ev.preventDefault();
var username=$('#agentEmail').val();
var password=$('#agentPassword').val();
$.ajax({
浏览 11提问于2014-03-21得票数 1
回答已采纳
我在react-bootstrap-validation中使用了表单组件，表单中有许多输入、复选框和提交按钮。
<Form className="detail-model__form" onValidSubmit={this.handleValidSubmit}>
<button type="button" className="btn btn-danger" onClick={this.deleteSomeValue}>delete</button>
<button className=&#
浏览 10提问于2017-08-16得票数 3
回答已采纳
1回答
我对角质js很陌生。当提交空表单时，我试图将字段的边框更改为红色。我已经编写了控制器，它在提交有效表单时处理输入，在提交无效表单时只将字段(InvalidFormSubmitted)变为true。
我在css下面尝试过，但它不起作用。
input.invalidFormSubmitted{
border-bottom: 0.125rem solid #e42105;
}
我也试过提交，但没有运气。
当此变量设置为true时，如何使字段边框变为红色？
提前谢谢。
浏览 3提问于2016-05-10得票数 0
回答已采纳
Angular:有条件地触发选择性表单验证 我使用了一个带有验证的反应式表单-- 'required‘和其他的表单字段，比如min，max等。表单中有两个按钮-“保存”和“提交”。保存和提交按钮上的事件会将数据保存到中间状态，并根据后端逻辑分别提交。 对于Submit按钮，我已经禁用了它，直到表单通过属性绑定disabled属性到表单的invalid状态时才生效。对于Save按钮，如果字段根据定义的验证无效，则需要禁用它。这是为了检查是否输入了任何无效的输入。 例如，考虑下面的形式 this.registerForm = this.formBuilder.group({
na
浏览 38提问于2019-03-09得票数 0
回答已采纳
外部形式：
<form #myForm="ngForm" (ngSubmit)="save(myForm.value, myForm.isValid)">
<tags-input></tags-input>
</form>
标签输入组件模板：
<input type="text" [(ngModel)]="newTag" (keyup.enter)="addTag(newTag, $event)">
标签输入组件：
addTag(newTag: any
浏览 0提问于2016-11-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
