- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
伙计们,我正在使用 javascript 来修改包含使用 asp.net 服务器端验证的无效数据的控件的 css,但是当我使用常规表达式验证时,它会变为 true,并且当数据无效时,类不会应用于控件。此外,当控件包含数据时,如果控件为空,则它不起作用。此外,当我将使用正则表达式的文本框留空或同时使用正则表达式和必填字段时,文本框边框颜色保持不变,即不会更改为红色。
我的页面是这样的:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
.ErrorControl
{
background-color: #FBE3E4;
border: solid 1px Red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="TextBox1"
runat="server" ErrorMessage="Required"></asp:RequiredFieldValidator>
<br />
<br />
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" ValidationExpression ="^[1-9]\d*$" ControlToValidate ="TextBox2" runat="server" ErrorMessage="Invalid data"></asp:RegularExpressionValidator>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Submit" />
</div>
</form>
<script type="text/javascript">
function Validate(sender, args) {
if (document.getElementById(sender.controltovalidate).value != "") {
args.IsValid = true;
} else {
args.IsValid = false;
}
}
</script>
<script type="text/javascript">
function WebForm_OnSubmit() {
if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
for (var i in Page_Validators) {
try {
var control = document.getElementById(Page_Validators[i].controltovalidate);
alert(i);
alert(Page_Validators[i].isvalid);
if (!Page_Validators[i].isvalid) {
control.className = "ErrorControl";
} else {
control.className = "";
}
} catch (e) { }
}
return false;
}
return true;
}
</script>
</body>
</html>
最佳答案
RegularExpressionValidator
不会检查空字符串 - 它们将其留给RequiredFieldValidator
。
当您拥有两个验证器时,RequiredFieldValidator
将设置 className="ErrorControl"
,但随后 RegularExpressionValidator
会将其重置为 className=""
。这就是它不改变边框颜色的原因。
解决此问题的一种相当干净且简单的方法是在检查验证器之前从表单中删除所有 ErrorControl
类,然后只需为无效的类添加它:
function WebForm_OnSubmit() {
if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
// find and remove all .ErrorControl classes
var errorControls = document.querySelectorAll('.ErrorControl');
for (var ec = 0; ec < errorControls.length; ec++) {
errorControls[ec].className = "";
}
for (var i in Page_Validators) {
try {
var control = document.getElementById(Page_Validators[i].controltovalidate);
alert(i);
alert(Page_Validators[i].isvalid);
if (!Page_Validators[i].isvalid) {
control.className = "ErrorControl";
} // no need to remove ErrorControl if valid
} catch (e) { }
}
return false;
}
}
关于javascript - 自定义验证 Page_Validators[i].isvalid 始终为 true,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27703211/
这个问题是关于理解为什么一种技术比另一种更好。在 Angular 4/5 中,在模板中,您可以通过执行以下操作来实现相同的目的: 1) *ngIf-else 语法 content here
Page.IsValid 和 args.IsValid 是否相互依赖? 我的意思是,如果 args.IsValid="true",Page.IsValid 必须为“true”。 当然反过来说:如果 P
我正在编写一个 Controller 并为其进行单元测试,当时我遇到了两种方法(我认为同样有效)来做某事。我的所有模型都有一个 IsValid 属性,我可以检查该属性以询问模型是否有效。 在回发到 C
如我的问题所述。我真的不明白 date-fns 的 isValid 和 luxon 的 isValid 之间的区别。我有一个日期字符串变量和一个用 new Date() 调用日期字符串的变量。 我的日
这个问题已经有答案了: Getting AbstractMethodError while creating a connection to Oracle9 database with Tomcat
我正在使用自定义 register在 react-hook-form ,我无法获得 formState.isValid成为 true当我在输入中输入文本时(因此满足 required 条件)。 这是一
是否可以查看 knockout-validation plugin 中是否只有一个属性有效? 我在文档中看不到任何对它的引用,只能查看整个模型是否有效。 例如,我希望计算出的 observable 具
在Connection的方法中,我应该给它多少超时时间? :S 我不知道正常的超时是多少,应该花多长时间? :) 我不想要 isValid() 返回 false 如果它可以返回 true 如果它有更多
使用IsValid()验证电子邮件地址或URL格式是否可以防止XSS?指定其他格式时,它会否定XSS吗? 最佳答案 有效的URL仍可以包含攻击媒介: #isValid("url", "http://
我可以使用 isValid(0) 函数来检查连接是否仍然有效(alive)吗? 我遇到以下异常: com.mysql.jdbc.exceptions.jdbc4.CommunicationsExcep
我正在使用 ASP.NET-MVC Core 2.1,我的代码中有这个 ViewModel 类 public class HomeViewModel { public
我有一个非常简单的 MVC 2 表单。它有两个下拉菜单,用户和角色。无论我选择什么,员工下拉列表都会通过验证,而角色下拉列表不会通过验证。尽管我计划实现一个,但没有默认的“空”选项,这就是为什么我需要
我正在尝试在文件生成程序中为某些状态建模, 在一个点上 : 我想检查数据的当前状态 如果数据有效,我想继续 否则,我想通知用户无法继续的原因 伪代码将类似于: if(isValid()){ w
我正在尝试在 this video 的帮助下根据属性的可用性验证名为 Book 的模型。我正在尝试按照有关如何验证 Backbone.js 模型的说明进行操作,但是当我使用 .isValid() 方法
我有一个 javascript 类 c我正在尝试调用它的方法 isValid()关于onClick输入提交按钮的事件。我有c目前在我的提交按钮下方的一组脚本标签中。当我点击提交按钮时,我得到 Unca
我正在为 Com 执行一项小型任务。科学课,这是一门初级课,但我之前没有编码经验,所以我连基础知识都吃力。我会问很多问题,我很抱歉。我们被要求创建一个方法来遍历字符串的所有字符,看看它们是 A G C
我想从 html 页面上的 dropdownList 获取参数并将其发送到我的 Controller ,创建新的模型对象,并将其插入数据库。 这是我的 Controller (创建 My_Model
尝试创建一个简单的 Jmeter 5.0 测试以使用 JDBC 连接配置连接到数据库。无法连接到我的本地 mySql 数据库。 [jdbc:mysql://localhost:3306]。我可以使用
我几乎总是想在回发时检查 ModelSate.IsValid 是否被调用。而且必须在每次回发开始时进行检查违反了 DRY 原则,有没有办法让它自动检查? 例子: [HttpPost("Register
我的模型类如下: public class PostInputViewModel { [Required] [MinLength(1)] [Ma
我是一名优秀的程序员,十分优秀!