validation 相关问题

验证用于检查数据,以确保它符合为其设置的任何所需规范。通常,验证用于检查输入数据,以及在存储之前验证数据。

按条件设置 Fluent Validator

我正在尝试为“Address”设置验证器取决于项目是否存在,但我想使用 RuleFor 和其他方便的方法,而不是使用“ValidationContext”手动记录每个错误,但看起来...

回答 1 投票 0

为什么我无法在 Spring Boot 和 Spring Security 中验证电子邮件?

我有两个 bean:CheckPassword 和 CheckEmail @Service("检查密码") @基本的 公共类 CheckPassword 实现 CheckStringInterface { 私有静态最终字符串 regex_passw...

回答 1 投票 0

C# 按条件设置 Fluent Validator

我正在尝试为“Address”设置验证器,具体取决于项目是否存在,但我想使用 RuleFor 和其他方便的方法,而不是使用“ValidationContext”手动记录每个错误,但看起来...

回答 1 投票 0

覆盖 html5 表单验证/必需弹出窗口的 CSS

如何覆盖 HTML5 表单上必填字段的默认弹出窗口? 示例:http://jsfiddle.net/uKZGp/(确保单击提交按钮以查看弹出窗口) 超文本标记语言 <... 如何覆盖 HTML5 表单上必填字段的默认弹出窗口? 示例:http://jsfiddle.net/uKZGp/(确保单击提交按钮以查看弹出窗口) HTML <form> <input type="text" name="name" id="name" placeholder="Name*" required="required" /> <input type="submit" /> </form> 注意:您必须使用 HTML5 浏览器(例如 Google Chrome 或 FireFox)查看此内容。 此链接不能解决我的问题,但它可能会让某人跳出框框思考: http://www.the-art-of-web.com/html/html5-form-validation/ http://adhocery.blogspot.com/2011/03/styling-with-html5-form-validation.html 仅使用 HTML/CSS 无法更改验证样式。 它是浏览器的一部分。我发现要更改的唯一属性是使用此示例的错误消息: document.getElementById("name").setCustomValidity("Lorum Ipsum"); 但是,如本示例所示:http://jsfiddle.net/trixta/qTV3g/,您可以使用 jQuery 覆盖面板样式。这不是一个插件,它是一个核心功能,使用一个名为 Webshims 的 DOM 库,当然还有一些 CSS 来设置弹出窗口的样式。 我在这个标题为Improve form validation error panel UI的错误帖子中发现了非常有用的示例。 我认为这是您能找到的最佳解决方案,也是覆盖基本(丑陋)错误面板的唯一方法。 我不知道为什么,但是::-webkit-validation-bubble-message { display: none; }对我不起作用。 通过阻止无效事件的默认行为(不会冒泡),我能够获得所需的结果(在 FF 19、Chrome 版本 29.0.1547.76 m 中测试)。 document.addEventListener( "invalid", (event) => { // Prevent the browser from showing the default error bubble/hint. event.preventDefault(); // Optionally fire off some custom validation handler. myValidationFunction(event); }, { capture: true }, ); 对于 webkit,您可以使用 ::-webkit-validation-bubble-message。例如隐藏它: ::-webkit-validation-bubble-message { display: none; } 还有: ::-webkit-validation-bubble-arrow-clipper{} ::-webkit-validation-bubble-arrow{} ::-webkit-validation-bubble{} ::-webkit-validation-bubble-top-outer-arrow{} ::-webkit-validation-bubble-top-inner-arrow{} ::-webkit-validation-bubble-message{} 更新: Chrome 不再允许样式化表单验证气泡:https://code.google.com/p/chromium/issues/detail?id=259050 对于 Firefox,您可以尝试使用 :-moz-placeholder {}。 当前的默认电子邮件验证是目前我见过的 Google 设计中最丑陋的东西之一! 但是它似乎包含在标准中div,因此您可以对其进行一些更改,如果您记得重置这些值。 我发现你可以改变背景、字体大小和颜色、边框和阴影,就像这样 div { background: rgba(0,0,0,0.8); color: #333; font-size: 11px; border: 0; box-shadow: none; } 如果您随后在 html 标记内覆盖 div 的这些内容,那么最终只会影响验证。 html div { background: rgba(0,0,0,1); color: #000; font-size: 12px; } 不幸的是,您想要更改的一些关键属性(例如 margin 和 font-weight)无法更改。 注意。该技术目前仅适用于 Chrome (12),即不适用于 Firefox 4、Opera 11 或 Safari (Win 7)。 将一个类附加到输入类型。并在那里显示消息。希望在进行少量定制后有所帮助。工作代码笔: document.querySelector('#frm').addEventListener('submit', e => { e.preventDefault(); e.currentTarget.classList.add('submitted'); }); body { font-family: Helvetica, sans-serif; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; width: 100%; height: 100vh; background: #ffa500; } form > div { position: relative; margin-bottom: 10px; } .theTooltip { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity, visibility; max-width: 250px; border-radius: 5px; background-color: rgba(0,0,0,0.7); padding: 15px; color: #fff; box-sizing: border-box; display: inline-block; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(15%, -50%); transform: translate(15%, -50%); top: 50%; left: auto; right: auto; bottom: auto; visibility: hidden; margin: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; z-index: 100; } .theTooltip:after { content: ''; position: absolute; width: 0; height: 0; top: 50%; margin-top: -10px; left: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgba(0,0,0,0.7); } label { display: inline-block; vertical-align: center; } input { background: #fff; border: 1px solid transparent; cursor: pointer; display: inline-block; overflow: visible; margin: 0; outline: 0; vertical-align: center; text-decoration: none; width: auto; border-radius: 3px; cursor: text; padding: 7px; } input:focus, input:active { outline: none; } .submitted input:invalid { border: 1px solid #f00; } .submitted input:invalid ~ .theTooltip { visibility: visible; opacity: 1; } .submitted input:valid ~ .theTooltip { -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } <form id="frm" action="action"> <div> <label>Email</label> <input type="email" required="required"/><span class="theTooltip">Invalid email</span> </div> <div> <button formnovalidate="formnovalidate">OK</button> </div> </form> 我知道这是一个相当老的问题,但我发现了这个库,我认为这可能对其他发现这个问题的人有益。 http://afarkas.github.io/webshim/demos/index.html

回答 6 投票 0

如果用户仅在输入字段中输入空格,则会触发验证错误

我正在开发一个 Angular 表单,用户可以在其中输入他们的电话号码。我添加了一个自定义指令 appPhoneExtMask 用于电话号码格式设置,并应用了最小长度的 Angular 表单验证...

回答 1 投票 0

VBA 根据数据验证下拉列表返回偏移单元格值

VBA 新手... 我有一个发票模板,其中 Sheet1!A10 中包含数据验证下拉菜单,列表位置位于 Sheet3!B2:B4 中 我正在寻求有关返回基于 Sheet3!A2:A4 中的值的帮助...

回答 1 投票 0

Spring Boot:无法捕获@ControllerAdvice中的异常

我有 2 个用 @RestControllerAdvice 注释的异常处理程序类和: 我使用第一个作为全局异常处理程序来捕获异常: @RestControllerAdvice 公共类 GlobalExceptionH...

回答 1 投票 0

Spring Rest Api 验证中的自定义错误消息 - ProblemDetails

我正在尝试将控制器处理程序方法上的某些验证注释中提供的消息添加到请求的响应中。 例如,@Patt 上的消息属性...

回答 1 投票 0

FluentValidation 在 C#/.NET 中不起作用

我正在尝试验证端点的输入参数。我想使用 FluentValidator,这是逻辑 // 该类与 Program.cs 类位于不同的程序集中 公开课

回答 1 投票 0

我需要验证查询参数

查询参数为status 它的值可以是 status=draft 或 status=draft,sent& 如何验证状态是草稿、已发送还是已批准? 我正在使用这个规则 '状态' => '空实验室...

回答 1 投票 0

为什么当我点击不相关按钮时显示“请填写此字段”验证消息

我在页面上使用了地图,当我单击“cellSize”按钮时,会出现填充字段警告。我不想这样。如何解决这个问题? 像这样的警告: 这是我的文本字段: 我在页面上使用了地图,当我单击“cellSize”按钮时,会出现填充字段警告。我不想这样。如何解决这个问题? 这样的警告: 这是我的文本字段: <div class="form-group"> <label for="name">Name</label> <input ng-model="Name" ng-readonly="view.readonly" ng-maxlength="100" type="text" class="form-control input-sm" id="cluster-name" placeholder="Name" required> </div> 这是我的增量按钮点击: change: function () { this.trigger("spin"); $scope.cellSizeCoefficient = this.value(); $scope.$broadcast('mapCellSizeChanged', $scope.map); $.each($scope.cellShapes, function (index, cellShape) { var radius = getRadius(cellShape.Cell); cellShape.Circle.setRadius(radius); if (cellShape.Circle.label) { var labelLoc = findLocationAtDistanceFrom(cellShape.Cell.LOC, cellShape.Cell.AZ, radius); cellShape.Circle.label.setLatLng([labelLoc.Y, labelLoc.X]); } }); if (selectedCellCircle) { var radius = getRadius(selectedCellCircle.Cell) + 50; selectedCellCircle.setRadius(radius); } } 由于输入元素上的 required 属性,您会看到该消息。当单击“增量”按钮时提交 form 时会显示它。 要停止该行为,请将 type="button" 属性添加到 button: <button type="button" style="margin-left:2px;" kendo-button="btnCellSizeIncrement" k-options="btnCellSizeIncrementOptions"> <i class="fa fa-plus pi-icon pi-icon-plus"></i> </button> 仅供参考,您应该在任何您不想要在单击时提交 type="button" 的 button 元素上添加 form 属性。 如果不是必填字段,请从此 HTML 中删除 required 属性,否则浏览器将在表单提交时显示此消息。确保您在单击单元格大小按钮时没有提交表单。 <input ng-model="Name" ng-readonly="view.readonly" ng-maxlength="100" type="text" class="form-control input-sm" id="cluster-name" placeholder="Name" required> 添加 novalidate 和表单标签作为必需属性,以便触发 HTML5 验证。 <form novalidate> <div class="form-group"> <label for="name">Name</label> <input ng-model="Name" ng-readonly="view.readonly" ng-maxlength="100" type="text" class="form-control input-sm" id="cluster-name" placeholder="Name" required> </div> </form> 我有一个按钮导致了同样的行为,当我不想要它时触发表单验证。我的按钮交换了一些表单字段。解决方案很简单:我没有将按钮定义为具有 onclick 事件的输入元素,而是将其更改为具有 onclick 事件的 img 元素。该按钮作用于表单,它不是表单的一部分,我认为与您的表单相同。

回答 4 投票 0

创建相关数据验证列表,其中空白单元格定义为列表中的有效值

我有一个包含 3 列的表格 - “订单”、“状态”和“状态详细信息”,如下图 1 所示。 我想在“状态...”列中设置 2 个相关数据验证列表

回答 1 投票 0

如何使用 C# 验证 SSL 证书

也许你们中的一位可以帮助我回答有关在 .NET 框架中验证证书的问题。不幸的是,我在互联网上的研究过程中只找到了我的问题的肤浅答案......

回答 3 投票 0

如何让这个输入表单验证检查正确?

我有任务在 js/jquery 中制作这个表单。代码在错误方面看起来不错(将表单着色为红色并抛出错误),但它应该为正确的用户将输入表单着色为绿色......

回答 2 投票 0

如何使用 MVC 5 进行服务器端验证

我正在为慈善机构开发一个简单的拍卖网站。我有一个用于销售商品的商品模型,以及一个出价视图,用户可以在其中输入出价并提交。此出价在项目内收到

回答 2 投票 0

Angular 异步验证器发送到 Dumb 组件

您在 Dumb 组件中定义 FormGroup 以将相关数据保存在一起。然后,您需要在某些表单控件上使用异步验证器,但哑组件不应该有服务调用。一种选择是...

回答 1 投票 0

Laravel Crud 操作和 Json 处理

好吧,所以我所做的是一个应用程序,它消耗存储中的 json 文件并将它们作为项目放入洗碗机的数据库中。 json 处理和使用一切顺利,所有路线都顺利

回答 1 投票 0

nestjs中body验证失败时如何阻止文件上传

在 Nestjs 应用程序中上传文件之前,我需要验证多部分表单。问题是,如果正文验证失败,我不希望上传文件。 这是我编写代码的方式...

回答 3 投票 0

如何检查类中未使用的变量/函数

我有一个大型 PHP 类,它有一个大型变量/函数声明,我想检查脚本中是否使用了所有变量/函数。有什么东西可以做到这一点吗?

回答 3 投票 0

symfony2 中的非重叠选择列表

使用 Symfony 2.2.4。 我有一个带有两个选择列表(多个,非扩展)的表单,显示相同的元素(类的实体)。当用户选择相同的 el 时,我需要抛出错误(onsubmit)...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.