社区首页 >问答首页 >JQuery验证器中的errorClass使我的输入字段比正常情况下更大。如何修复？

问JQuery验证器中的errorClass使我的输入字段比正常情况下更大。如何修复？
EN

Stack Overflow用户

提问于 2009-12-10 15:43:44

回答 3查看 2K关注 0票数 1

我喜欢使用验证器插件，但我只是在学习它，并且仍然在努力学习如何根据我的需要操作它的一部分。不过，这很酷。它在我使用过的一些表单上工作得很好，但我在这一个表单上有一个bug。

当我测试表单时，由于没有填写必填字段，错误的表单输入文本框变得比正常情况下的表单输入文本框更宽。这就像是从size="20“到size="25”。我尝试使用自己的css来强制错误的字体大小，但我似乎不能强制输入框保持相同的大小。有问题的页面有严格的宽度限制，这个问题违反了模板规则。

我尝试了以下不同大小的css：.error { color：#b31b1b；font-size: 13px；} 12px，输入框变小了，13px变大了我也用em;s试过了。

有谁知道如何强制输入框保持相同的大小？

谢谢，JC

jquery-validate

EN

回答 3

Stack Overflow用户

发布于 2009-12-12 13:47:26

我感谢你们所有人阅读这篇文章和你们的意见。我终于意识到我们的主css文件中有一个.error类，它与jquery plugin css中的.error冲突。我使用验证插件中的默认设置(如下所示)将"error“更改为"js-error”。然后，我创建了另一个css文件来设置.js-error的样式，并将其包含在我的脚本中。

//修改错误为.js- .error $(document).ready(function(){ jQuery.validator.setDefaults({ errorClass：“js-.error”}))；

// jquery-validate-plugin.css

label.js-error { font-weight:加粗；color：#b31b1b；}..js error{ color：#b31b1b；}

我们的主要css为.error提供了以下内容

.error { font-weight:粗体；color：#b31b1b；font-family:宋体，宋体，宋体

我认为是我们的字体粗细和字体系列样式导致表单文本框变得更宽。

票数 1

EN

Stack Overflow用户

发布于 2009-12-10 15:56:40

只需使用CSS设置输入的固定宽度，即：

#myForm input { width:200px; }

票数 0

EN

Stack Overflow用户

发布于 2009-12-10 15:57:40

有没有更具体的CSS选择器覆盖你的.error类？例如，您是否在任何地方定义了类似于input.error的内容？

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1881866

复制

相关文章

jquery.validate添加只能输入英文的验证

代码如下： // 只能输入英文 jQuery.validator.addMethod("english", function(value, element) { var chrnum = /^([a-zA-Z]+)$/; return this.optional(element) || (chrnum.test(value)); }, "只能输入字母");

飞奔去旅行

2019/06/13

2.1K0

表格中的输入框验证

el form model 表格

一、首先在表格的外面套一层form，并设置form的model属性二、在列的模板中增加el-form-item并设置动态的属性和验证规则 <template> <div> <el-form ref="form" :model="tableForm" :rules="tableForm.rules"> <el-table :data="tableForm.tableData"> <el-table-column prop="name" label="名称"></el

tianyawhl

2020/10/14

2K0

比long long 更大的__int128

__int128 仅64位 GCC , G++ 支持，且不在 C++ 标准中。如果是64位 GCC 可直接使用。

fishhh

2022/08/31

1.6K0

表格中的输入框验证

el form model 表格

一、首先在表格的外面套一层form，并设置form的model属性二、在列的模板中增加el-form-item并设置动态的属性和验证规则 <template> <div> <el-form ref="form" :model="tableForm" :rules="tableForm.rules"> <el-table :data="tableForm.tableData"> <el-table-column prop="name" label="名称"></el-

IT茂茂

2020/09/21

1.8K0

比long long更大的__int128

__int128 仅64位GCC,G++支持，且不在C++标准中。如果是64位GCC可直接使用。

fishhh

2022/04/07

5.8K0

AngularJS 的输入验证机制：内置验证器、自定义验证器和显示验证信息

AngularJS 是一款流行的前端JavaScript框架，提供了强大的表单处理功能。其中一个关键特性是输入验证，即对用户输入进行验证以确保数据的有效性和完整性。本文将详细介绍 AngularJS 的输入验证机制，包括内置验证器、自定义验证器和显示验证信息等内容。

网络技术联盟站

2023/07/05

2690

golang 如何验证struct字段的数据格式

假设我们有如下结构体： type User struct { Id int Name string Bio string Email string } 我们需要对结构体内的字段进行验证合法性： ▪ Id的值在某一个范围内。 ▪ Name的长度在某一个范围内。 ▪ Email格式正确。我们可能会这么写： user := User{ Id: 0, Name: "superlongstring",

李海彬

2018/03/19

2.8K0

golang 如何验证struct字段的数据格式

jQuery对输入框进行验证，只允许输入字母和数字

jquery 正则表达式 event 事件终端

使用jQuery来对这两个输入框进行验证，确保只允许输入字母和数字，不允许输入中文字符。以下是相应的示例代码：

王小婷

2023/09/19

3640

Validate使用及配置

javascript 验证码

下载压缩包后validate文件位于dist目录，目录中包含jquery.validate.js 与 additional-methods.js以及各自的min文件。additional-methods.js为附加的验证方法，可根据情况导入。

用户7657330

2020/08/14

1.2K0

ASP.NET MVC的客户端验证：jQuery验证在Model验证中的实现

asp.net mvc jquery

在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后，我们来介绍ASP.NET MVC是如何利用它实现客户端验证的。服务端验证最终实现在相应的ModelValidator中，而最终的验证规则定义在相应的ValidationAttribute中；而客户端验证规则通过HtmlHelper<TModel>相应的扩展方法（比如TextBoxFor、EditorFor和EdidtorForModel等）出现在生成的被验证HTML元素中。毫无疑问，服务端验证和客户端验证必须采

蒋金楠

2018/01/15

7.1K0

如何在idea中配置git环境，使终端可以输入git命令

java git path 配置

1.找到git目录，为它配置一个path 然后就像当初配置JAVA_HOME一样，新建一个，再加到path中

呱

2020/10/23

1.7K0

如何在idea中配置git环境，使终端可以输入git命令

如何使诊断程序“通过CLI管理进程”显示“OK（正常）”？

程序工作管理进程系统

在Matomo Diagnostics中，有一个“设置Cron -通过CLI管理进程”的复选框。让它正常工作是很有帮助的，特别是当您管理一个高流量的Matomo实例时，或者如果有很多网站或片段需要存档（了解更多关于提高Matomo性能的信息）。

CiiLii西里网

2023/04/18

4490

ElasticSearch(7.2.2)-常⻅中⽂分词器的使⽤

Elasticsearch Service http

简介：常⻅的中⽂分词器的介绍和使⽤如果⽤默认的分词器standard POST localhost:9200/_analyze { "analyzer": "standard", "text": "⽕箭明年总冠军" } 常⻅分词器 smartCN ⼀个简单的中⽂或中英⽂混合⽂本的分词器 IK分词器更智能更友好的中⽂分词器 smartCn 安装 sh elasticsearch-plugin install analysis-smartcn 卸载 sh elasticsearch-pl

cwl_java

2019/11/04

6540

如何使VLAN走不同的路由器？

我们的日常工作就是解决客户在IT方面的各种需求，客户们的要求各不相同，设备的品牌也见得很多很杂，这不，今天又来一个有点小特别的要求，设备品牌倒是我们忠爱的华为。

IT狂人日志

2022/05/18

1.2K0

如何使VLAN走不同的路由器？

[ASP.NET MVC]如何定制Numeric属性/字段验证消息

对于一个Numeric属性/字段，ASP.NET MVC会自动进行数据类型的验证（客户端验证），以确保输入的是一个有效的数字，但是呈现在页面上的错误消息总是一段固定的文本：“The field {0} must be a number”，本篇提供一种解决方案使我们可以对此验证消息进行定制。[源代码从这里下载] 目录一、针对Numeric属性/字段默认验证消息二、默认的验证消息来源于何处？三、通过自定义ModelValidatorProvider替换Numeri

蒋金楠

2018/02/07

1.2K0

[ASP.NET MVC]如何定制Numeric属性/字段验证消息

如何修复Vue中的 “this is undefined” 问题

vue.js javascript node.js 编程算法

别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。

前端小智@大迁世界

2020/05/12

5K0

JMeter如何去批量验证远程登录是否正常

在Jmeter官网提供了该插件下载https://jmeter-plugins.org/install/Install/

louiezhou001

2020/04/21

1.1K0

JMeter如何去批量验证远程登录是否正常

用jquery实现表单验证_jquery验证插件

jquery http spring 编程算法

功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。

全栈程序员站长

2022/11/09

4.3K0

QLineEdit 输入验证（相关的设置）

LineEdit提供一个文字输入栏位，可以输入文字或数字，我们可以对输入作验证，或是设定为一般显示、密码显示等等，以下的程式是个简单的设定示范：

bear_fish

2018/09/20

2.9K0

身份验证器是如何验证我们的身份?

https github 网络安全 git 开源

我以为我最初遇见他是在宝塔面板上，因为他可以方便的帮助我们进行身份验证。其实我们早就相遇在QQ安全中心手机版的口令里面（此处不确定是否是使用同一种算法，不过原理类似）。当初遇见他，我并不知道他是离线的。我以为谷歌身份验证器肯定是绑定谷歌账号的。后来找了半天，原来他只是个离线的软件。相信有很多同学和我一样的想法：离线身份验证器如何能使我们登录在线的场景？

yumusb

2020/08/28

4.2K0

相似问题

jquery验证errorClass不能正常工作

11

jquery验证避免向输入添加errorClass

12

jquery验证插件中的errorClass？

63

jQuery验证，特定的errorClass位置

24

jQuery验证errorClass不工作

11

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例