React.js:如何在验证器库中使用isLength？
React.js 是一个用于构建用户界面的 JavaScript 库。它通过组件化的方式，使得开发者可以轻松地构建交互性强、可复用的 UI 组件。
在验证器库中使用 isLength，可以通过以下步骤实现：
- 首先，确保已经安装了验证器库。可以使用 npm 或者 yarn 进行安装，例如：
npm install validator。 - 在 React.js 的组件中引入验证器库：
import validator from 'validator'。 - 在需要使用 isLength 的地方，调用验证器库提供的方法进行验证。isLength 方法用于检查字符串的长度是否在指定的范围内。
- 在需要使用 isLength 的地方，调用验证器库提供的方法进行验证。isLength 方法用于检查字符串的长度是否在指定的范围内。
- 上述代码中，isLength 方法接受两个参数：待验证的字符串和一个选项对象。选项对象中可以指定最小长度和最大长度。isLength 方法将返回一个布尔值，表示验证结果。
- 根据验证结果，可以在 React.js 组件中进行相应的处理。例如，可以在表单提交时进行验证，如果验证失败，则显示错误信息。
React.js 相关产品和产品介绍链接地址：
- 腾讯云云开发（Tencent Cloud CloudBase）：腾讯云提供的云原生应用开发平台，支持 React.js 等前端框架。了解更多信息，请访问 腾讯云云开发官网。
请注意，以上答案仅供参考，具体的实现方式可能会因项目需求和开发环境而有所不同。
相关·内容
因此，我使用快速验证器来验证我表单中的一些输入。如您所见，cuit、telefono、celular和cbu是具有"isNumeric()“的可选输入。因此，我希望快速验证器只检查这些输入，如果它们存在的话。我认为通过添加".optional()“可以解决这个问题，但是当它们为空时，我仍然会得到”无效值“错误。我怎么才能解决这个问题？谢谢。
proveedores_controllers.set_proveedor_input_rules = [
body("nombre").isLength({min: 2, max:30}).withMessage(
浏览 7提问于2022-08-27得票数 0
回答已采纳
3回答
我有一个表格，如果一个人的运输地址与他们的账单地址不同，他们会选择一个单选按钮，说“不”。
我需要能够检查这个值是什么，如果它是“否”，检查展开的表单。如果是“是”，我跳过下面的下一个验证。“是”部分正在工作，但“否”部分总是返回无效。有方法在这样的条件下使用这个库进行验证吗？
下面是表单的截图：
下面是我为这个场景提供的验证代码：
router.post('/testData2/', [
body('billingSameAsShipping', "Please Fill All Fields Of Your Billin
浏览 0提问于2018-10-01得票数 5
回答已采纳
我正在寻找一种解决方案，以便在快递验证器中提供不同的错误消息，其中选项可以包含多个值，如isLength，可以取min值和最大值。
var validation_rules = checkSchema({
first_name: {
notEmpty: {
errorMessage: 'The First Name field is required'
},
isString: {
errorMessage: 'The First Name must be a str
浏览 0提问于2019-12-21得票数 3
3回答
我在JS中创建了一类验证：
let test = new Validator(req.body);
现在我想测试一些东西，也许这个对象中的一个特定键是2-5个字符长度，我会这样做：
let myBoolean = test.selector("firstName").minLength(2).maxLength(5);
// firstName is like: req.body.firstName
以及如何在课堂上做到这一点？
编辑
我做了这样的东西：
audit.isLength({selector: "from", gte: 2, lte: 35})
c
浏览 83提问于2018-08-01得票数 0
1回答
快捷MDN教程使用以下代码执行验证步骤
// Validate that the name field is not empty.
body('name', 'Genre name required').isLength({ min: 1 }).trim(),
我不明白的是，为什么trim()在isLength()验证之后被链接。不是应该是相反的吗，还是两者的语义是一样的呢？
我确实试着在快递验证器文档中四处寻找类似的东西，但没有成功。
更新
针对古斯塔沃亨克的回答，我想让我困惑的是，我看到了两个消毒点，如下面MDN速成教程截图所示：
因此，当我阅读的
浏览 3提问于2018-08-09得票数 0
回答已采纳
2回答
我完全是node的菜鸟。我想验证用户是否存在于数据库中，并验证密码是否相互匹配。到目前为止，我做到了以下几点： 这是我的路由器 const router = require('express').Router();
let User = require('../models/user.model');
const { check, validationResult } = require('express-validator')
router.route('/').get((req, res) => {
User.f
浏览 37提问于2020-07-07得票数 0
回答已采纳
是否有这样的验证：
req.checkBody('property', 'should be present').isPresent();
价值本身并不重要。
现在我使用这个解决方案：
.isLength()
更新
.isLength()是一个糟糕的解决方案，因为它测试值是否为字符串。
而且您不能将POST值作为“未定义的”从浏览器中发送，因为JSON.stringify方法忽略了这些属性。因此，对!== undefined的验证应该足够了。
浏览 0提问于2016-10-19得票数 3
回答已采纳
我目前正在尝试使用在Express中验证一些输入。我知道通常将它作为单独的中间件传递到路由中，但我需要访问res对象，所以我必须按照下面所示的方式编写它。
我正在努力解决的部分是custom验证器。我希望它调用一个异步函数store.todoListTitleExists(title)来查询数据库并检查标题是否已经存在。如果标题不存在，我的意图是保存一条错误消息，稍后我可以将其显示为flash消息。
目前，此代码不起作用。我已经看过文档了，但我似乎想不出如何让这个自定义验证器+错误消息正常工作，因为它调用了一个异步函数。任何帮助都是值得推荐的。
谢谢!
app.post("/lists
浏览 23提问于2021-11-23得票数 0
1回答
我有一个简单的验证器，它检查"password“= "passwordconf”
exports.RegisterUser =[
check('username').isLength({ min: 1 , max: 10}).trim().withMessage("Length 1-10"),
check('password').isLength({ min: 6 , max: 10}).trim().withMessage("Length 6-10"),
check('passwordconf')
浏览 0提问于2018-07-10得票数 1
回答已采纳
我想我错过了一个基本的概念，可能会在这里重新发明轮子。我正在开发一个网络应用程序，可以让用户发布评论。我在用EJS，Node，Express，Postgres。索引页是顶部的web表单，有一个提交按钮，用于向数据库发布评论。索引页的下半部分是数据库中的最后15个评论。
在页面加载的初始get请求中，数据库将查询最后15条记录，这些记录显示在表单下面的一个表中。当最终用户填写表单并通过验证时，它将发布到db，并将其重定向到成功页面，这没有问题。
我的问题是当表单验证失败时。当它失败时，我会在一个名为警报的数组中收集服务器端的错误消息。然后，我尝试重新呈现页面，通过输入字段显示这些错误消息。我现在
浏览 3提问于2021-01-28得票数 0
1回答
我试图断言两个密码匹配：
app.post('/users/signup', [
check('email', 'email is not valid')
.isEmail()
.trim(),
check('password')
.isLength({ min: 4 })
.withMessage('password must be at least 4 characters')
.equals('passwordConfirma
浏览 2提问于2018-05-29得票数 3
1回答
我想在get服务中验证我的参数。
我的url类似于/tableref?param1¶m2
我的代码是这样的
app.get('/tableref\?:event&:queryObject', [
check('event').isLength({ min: 5, max:15 }),
check('queryObject').isLength({ max: 5, max:35 })
] , function(req, res) {...})
但我有一个404错误。
我想使用express-validator来检查我的参数。以前，我的代码是
浏览 0提问于2020-03-26得票数 0
这是可行的，尽管它非常混乱：
//./user/router.js
const express = require('express')
const router = express.Router()
const controller = require('./controller')
// mw
const { check } = require('express-validator')
router.get('/register', controller.register)
router.post(
'/r
浏览 0提问于2019-08-01得票数 0
回答已采纳
我正在使用快速验证程序库在后端进行验证。这是图书馆：
我有这个密码
// ...rest of the initial code omitted for simplicity.
const { check, validationResult } = require('express-validator');
app.post('/user', [
check('username').isEmail(),
check('password').isLength({ min: 5 })
], (req, res) =>
浏览 4提问于2019-12-29得票数 1
回答已采纳
1回答
我现在在Node-js工作，我使用MySQL来存储数据。我想将数据用户数据存储在数据库中。添加用户之后，我希望返回userId作为身份验证令牌。我使用以下代码
router.post('/signup', [
body('username', "enter username of min 4 character").isLength({ min: 3 }),
body('firstName', "enter firstName of min 3 character").isLength({ min:
浏览 1提问于2022-05-23得票数 0
我正在使用validator库进行密码验证
我正在尝试使用每个验证器进行自定义使用
但是，我在使用isLength验证器查看最大长度是否无效时遇到了问题
validator.isLength(e.target.value [, options])
e.target.value是我从文本字段中提取的字符串
根据文档，options是一个对象，默认为{min:0，max: undefined}。注意:此函数会考虑代理项对。
如何使用该语法声明最大可能长度？
validator.isLength(e.target.value [0, 5])不工作
我应该先创建一个对象吗？With {"min
浏览 14提问于2020-05-11得票数 0
回答已采纳
我试图验证一个用户名字段，我不想在字符串中任何空格。我想向用户显示一个错误。
我正在使用快速验证器快速中间件来验证输入。它适用于其他每一种情况，但我不知道验证是否没有空格的最佳方法。
我的代码
这是我所拥有的，但目前一个带有空格的用户名可以存储在数据库中。
check('user_name').isLength({ min: 1 }).trim().withMessage('User name is required.')
理想情况下，我可以使用一个快速验证器方法。
谢谢。
浏览 2提问于2018-02-12得票数 1
回答已采纳
1回答
我正在使用快速验证器来验证类型记录api中的用户输入。我的验证链：
export const userValidator = [
body("email").isEmpty().withMessage("email is required"),
body("email").isEmail().withMessage("email is not valid"),
body("username")
.isEmpty()
.withMessage("first name has
浏览 8提问于2022-07-20得票数 0
回答已采纳
1回答
Express MDN tutorial here使用以下代码从pug拉入复选框值。 在主代码中，req.body.genre应该返回表单中所选值的数组，如下所示 div.form-group
label Genre:
div
for genre in genres
div(style='display: inline; padding-right:10px;')
input.checkbox-input(type='checkbox', name='genre
浏览 17提问于2020-04-25得票数 0
我的理解是，Vaadin的体系结构(部分/主要是因为它使用了AJAX )可能比使用一个典型的基于react.js/角+ java-rest的解决方案构建的典型web项目安全得多。当涉及到对DOS或DDOS攻击的保护时，这是真的吗？如果没有，是否有任何预先构建的Vaadin组件/库来防止这种DOS或DDOS攻击？(FYI:我使用的是Vaadin 12，一旦它可用，我很快就会转到Vaadin 14。)
浏览 2提问于2019-01-25得票数 2
回答已采纳
如果输入字段(即名称)不只是由快速验证器中的字母组成，则我试图给出错误。
req.check('name')
.isLength({min:3}).withMessage('Name must be of 3 characters long.')
.isAlpha().withMessage('Name must be alphabetic.');
但是当我在"name“输入字段中输入"John Doe”时，它说"Name必须是字母的“，而不是成功的验证。
浏览 4提问于2019-10-20得票数 1
回答已采纳
我正在提交一份带有图片的表格。使用下面的代码。
router.post("/", upload.upload('image').single('categoryLogo'), categoryRules.categoryCreationRules(), validate, categoryController.createCategory);
它运行良好，但是一些验证来了，然后仍然图像保存在磁盘上。所以我尝试的是：
router.post("/", categoryRules.categoryCreationRules(), va
浏览 2提问于2020-08-28得票数 5
回答已采纳
我正在尝试使用React.js创建我的第一个web应用程序。
我希望React执行客户端呈现，但是呈现的页面由服务器承载的数据库中的数据控制。
我应该如何传递这些数据以作出反应？
我是否必须使用我的数据的json表示形式预先填充服务器端的每个html页面？
或者可以直接从客户端访问我的数据库(或者使用RESTful API调用)？
更新: 001
我可以找到的所有示例都在node.js上安装了node.js。我可以在Apache™、、Jetty上使用REACT.js吗？
浏览 6提问于2015-05-03得票数 3
回答已采纳
3回答
我试图运行此验证，但由于某种原因，即使我将可选设置为true，它也会验证该参数。有人知道我做错了什么吗？
var schema = {
"title": {
in: "body",
optional: true,
isLength: {
options: [{ min: 1, max: 128 }],
errorMessage: 'Title must be between 1 and 128 characters'
}
}
}
req.check(schema)
浏览 3提问于2016-12-23得票数 1
回答已采纳
3回答
在这个阶段，我需要对一些数据执行几个链式验证，到目前为止，我一直在做以下工作： // validation.ts
function isData(data: any) {
return Boolean(data);
}
function isString(data: any) {
return typeof data === "string";
}
function isLength(data: any, length: number) {
return data?.length === length;
} 然后我会逐个调用它们，但它会变得有点单调乏味。理想
浏览 33提问于2020-03-18得票数 2
回答已采纳
1回答
如何在护照js中验证密码
、、、、
我希望防止密码少于6个字符的用户被输入数据库，但是我目前的逻辑不允许这样做。我在用。
尽管密码小于6个字符，用户仍被输入数据库。如何防止密码小于6个字符的用户被输入数据库？
我正在使用/ orm和postgress作为数据库
routes/users.js
router.post('/register', [
check('password').isLength({ min: 6 }).withMessage('must be at least 6 chars long'),
check('username').c
浏览 1提问于2019-06-10得票数 1
回答已采纳
我即将开始一个大学项目，在这个项目中，我们需要构建一个web应用程序，并询问我的讲师是否允许我们使用React.js进行构建。他同意了，只要他不需要在本地安装任何东西，并且他能够下载我的提交并从他的本地机器上查看它。 需要安装什么才能让他在使用React.js时查看我的when应用吗？我是React.js的新手，所以如果这是一个愚蠢的问题，很抱歉！
浏览 19提问于2019-03-05得票数 0
回答已采纳
我需要由Laravel中的Vue.js/React.js提供功能。Livewire是否取代了上面的(Vue.js/React.js)？谢谢
浏览 3提问于2020-12-09得票数 1
回答已采纳
我有一个接收输入的react.js应用程序表单。验证是在客户端代码中完成的。使用webpack将所有客户端.js捆绑到一个bundle.js文件中。.js被缩小和混淆。是否仍然需要进行服务器端输入验证？
对表单元素使用Material。
有人还能操纵客户端的react.js代码或表单元素来操作验证吗？
浏览 4提问于2022-09-28得票数 0
回答已采纳
1回答
Nodejs控制器很乱
、、、
我对javascript、node.js (或者后端)很陌生。我试图为登录页面请求创建一个控制器，对于从MYSQL表获取数据和用户身份验证以及使用JWT包感到困惑！
在我的Controller中，我首先检查用户输入在user表中是否可用(使用一个简单的存储过程)，然后比较数据库密码和用户输入，之后我想创建一个令牌，并且时间有限。(我看过一些关于JWT的教程视频，没有问题)，我的主要问题是如何用这个函数编写一个适当的控制器？
我还有两个问题：
1.从路由内的MySQL表获取数据是正确和安全的方法吗？或者我应该为我的控制器创建一个JS类？(我在这里有点困惑和怀疑)
2.假设comparePassw
浏览 2提问于2021-04-15得票数 2
回答已采纳
2回答
我想要创建一个快捷API并使用express-validator验证我的请求输入。目前这是我的验证中间件。
protected validate = async (request: Request, response: Response, next: NextFunction): Promise<void> => {
const validationErrors: Result<ValidationError> = validationResult(request);
if (!validationErrors.isEmpty()) {
浏览 2提问于2019-09-26得票数 1
回答已采纳
3回答
如何对输入的邮件进行规范化？
、、、、
当我使用express-validator工作时，我遇到在注册时使用规范化电子邮件验证电子邮件，所以我将规范化的电子邮件存储到服务器上。 验证码： router.post(
"/signup",
[
check("name").not().isEmpty(),
check("email").normalizeEmail().isEmail(),
check("password").isLength({ min: 6, max: 15 }),
],
userController.signup
浏览 21提问于2020-06-27得票数 0
回答已采纳
1回答
无头文字:如何认证前端请求？
、、、、
我设想后端的Wordpress可以在前端使用React.js，如下所示：
在http://example.com/api上安装了Wordpress
React.js脚本通过脚本标记加载到http://example.com/index.html中，然后注入根div。
不过有个问题。如果没有wordpress控制注册和排队，我就不知道如何在React.js脚本文件中本地化一个nonce。
没有nonce，路由就不能进行身份验证，因为cookie验证需要在X-WP-Nonce头中进行验证。https://developer.wordpress.org/rest-api/using-the-rest
浏览 0提问于2019-09-18得票数 2
我正在尝试更新express-验证器5.3.1到6.6.0。我和文件有很多混淆。我试图在没有成功的情况下更新代码。我有一个错误，expressValidator不是一个函数，req.check不是一个函数。我知道遗留api已经消失，但是我想更新到6.6.0。你能帮我吗因为我不知道。我试过req.checkBody或req.body，仍然不是一个函数。谢谢
app.js：
const express = require("express");
const mongoose = require("mongoose");
const morgan = require(
浏览 0提问于2020-09-25得票数 0
回答已采纳
2回答
快速验证器不检查任何东西
、、、、
这是我的密码。我想检查这个名字是字母的，有两个以上的字符，但是这段代码不会产生任何错误。
const {body, validationResult} = require('express-validator');
function nameValidation(req, res, next){
body('name').trim().isLength({ min: 1 }).withMessage('Name empty.')
.isLength({ min: 3 }).withMessage('Name must c
浏览 6提问于2022-03-01得票数 1
回答已采纳
我正在尝试使用Postman从一个类型为application/json的请求中读取数组。在Nodejs中，我正在读取req.body值。除了数组之外，所有其他值都很好。数组我只得到第一个值。
这是我的数据
{ "title": "test",
"date": "March 12 12 pm",
"prize": "100",
"status": "Ongoing",
"users": ["1",&#
浏览 1提问于2020-03-09得票数 1
回答已采纳
1回答
我在VS 2019中用asp.net模板创建了react.js核心。
似乎使用AuthRouter组合在react.js中授权页面
据我所知，react.js实际上运行在客户端( web服务器不部署构建的react.js文件吗？)
这有风险吗？
asp.net核心不需要服务器端的身份验证来部署react.js文件吗？
浏览 1提问于2021-02-26得票数 1
回答已采纳
我正在尝试使用express-validator验证一个手机号码正则表达式。 我浏览了docs api，但找不到检查正则表达式的验证器函数。使用regex.test()会像下面这样工作吗？ body('mobile', 'Invalid mobile number.')
.escape()
.exists({checkFalsy: true})
.isLength({min: 11, max:11})
.regex.test(/^(\+123)\d{11}$/)
浏览 45提问于2020-07-21得票数 0
回答已采纳
1回答
我试图在用户注册时验证用户输入，并在将其保存到数据库之前测试express-validator中是否有错误。我期望当我提交一个空的表单或者当我填写与预期输入不匹配的东西时会产生错误(比如电子邮件必须是有效的电子邮件)。然而，经过多次尝试，并检查了之前发布的不同问题，我仍然不明白为什么中间件不能工作。
routes/index.js的代码
app.post('/signup', authenticated, userController.validateNewUser, (req, res) => { // Validate temp
const errors = va
浏览 0提问于2021-01-23得票数 0
我正在学习NodesJS快车。我正在使用Express-Validator进行测试。这是我的测试程序。
const express = require("express");
const app = express();
const port = 5000;
let bodyParser = require("body-parser");
const { body, validationResult } = require("express-validator");
app.use(express.json());
app.use(bodyP
浏览 4提问于2022-04-08得票数 0
回答已采纳
我们刚刚建立了一个web应用程序，它使用Flask作为后端，react.js作为前端。我们从Flask (通过static_folder)提供前端服务，并使用“send_ from _directory”返回静态内容的URI。我们希望将此web应用程序作为桌面应用程序提供(即用户可以将其下载为.exe、.dmg或.tar文件，然后双击它以安装所需的库，并启动flask服务器，该服务器也将作为前端服务)。在这一步之后，用户可以输入'0.0.0.0:5000‘登陆前端登录页面。以这种方式交付web-app有哪些可能的方法，或者根本就是可能的？
浏览 1提问于2018-12-05得票数 0
1回答
我在尝试快速验证器v4.3.0时遇到了问题。
有一个使用post请求登录的基本示例。有两个参数电子邮件和密码。下面是我的密码。
routes.js文件：
var express = require('express');
var router = express.Router();
var validator = require('./validator');
router.post('/login', [sanitize('email').trim(),
validator.publicRouteValidate
浏览 2提问于2018-02-13得票数 2
回答已采纳
1回答
这是我当前的代码，它工作得很好，但是我需要在createValidationFor中访问req.body.type，如果我尝试访问代码req.body验证停止工作，我不知道为什么
router.post(
'/login',
createValidationFor('email'),
checkValidationResult,
(req, res, next) => {
res.json({ allGood: true });
} );
fun
浏览 7提问于2019-10-24得票数 0
我想创建自己的组件，所以我看了一下antDesign，它是React.js最流行的库之一。
我的问题是，我如何创建自己的自定义按钮组件，而不使用react.js中的任何CSS库或框架(Bootstrap、react.js等)，比如antDesign团队如何创建它。
任何帮助将不胜感激的一些解释和一个例子。
浏览 5提问于2019-11-05得票数 2
回答已采纳
从客户端应用程序发送请求以获得访问令牌的理想/安全方式是什么？
我有一个REST (使用Spring开发)，它由该API的客户端应用程序(使用React.js开发)使用。例如，Stackoverflow有后端API，它的前端客户端使用该API。REST使用OAuth2进行安全保护。
API返回访问令牌的端点是
http://192.168.43.70:8085/api/v1/oauth/token?grant_type=password&username=22@gmail.com&password=mypassword
还有客户的秘密。以下是来自React.js的请求：
axi
浏览 0提问于2018-11-29得票数 2
1回答
我在我的注册路由中有这个验证器
router.post(
"/register",
// username must be an email
body("username")
.isLength({ min: 4 })
.withMessage("username must be at least 4 chars long")
.isLength({ max: 12 })
.withMessage(" username must be less than 12 chars long")
浏览 8提问于2021-12-08得票数 1
回答已采纳
我有一个使用Express-Validator进行大量验证的项目，所以每次我需要验证某些内容时，我都喜欢在每个文件中这样做：
//Validation and Sanitizing Rules
const validationRules = [
param('tab').isString().isLength({ min: 1, max: 8 }).trim().escape(),
param('categoryID').isNumeric().trim().escape()
]
//Validate and get the result
const v
浏览 1提问于2021-03-31得票数 0
回答已采纳
我正在使用Express构建Node API，但使用JSON文件作为持久数据。在构建我的路由的过程中，我得到了一个错误：Route.post() requires a callback function but got a [object Undefined]我想要创建一个新产品，并通过我的中间件进行验证，如下所示：
// Express
const express = require("express");
// Router
const router = express.Router();
// Product model
const product = require(&
浏览 0提问于2019-12-13得票数 0
使用express-validator，我们如何检查请求的查询？
在文档中有一个检查body的示例：
const { check, validationResult } = require('express-validator/check');
app.post('/user', [
// username must be an email
check('username').isEmail(),
// password must be at least 5 chars long
check('password'
浏览 0提问于2018-08-20得票数 4
回答已采纳
2回答
我有以下规则，它们几乎类似于，除了一条路由之外，param是可选的，另一条是强制的。需要将它们组合在一起，以便在强制条件下可以互换使用单个代码，对于可选条件可以使用其他代码。
有没有办法让将它们组合成，这样我就没有多余的代码了？
const pathParamValidation = check('convertedUrlId')
.isLength({ min: 5, max: 6 })
.withMessage({
error: 'Invalid length',
detail: {
convertedUrlId:
浏览 2提问于2021-12-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
