javascript/jquery 输入验证

关键词：

【中文标题】javascript/jquery 输入验证【英文标题】：javascript/jquery input validation 【发布时间】：2014-03-17 13:04:49 【问题描述】：

我有一个表单，用户可以在单击按钮时添加更多输入框。 用户可以拥有任意数量的输入框。

我不打算添加用于删除字段的按钮。

他们默认的输入框数量是 2。 假设用户决定再添加 3 个，现在总共有 5 个。

为了验证，我想检查输入框是否为空，或者输入是否包含所有空格，例如：“”，无论有多少空格，只要它只有空格即可。 我可以通过检查长度来检查空输入，但是如何检查后者呢？ 是否有任意数量的连续空格的正则表达式？ 谢谢！

PS：我在 jQuery mobile 上使用 jQuery

【问题讨论】：

您介意纯 JavaScript 解决方案吗？ @Schien 标题写着 javascript /jquery 并且标签包括 javascript 所以我会说去吧。 是的，当然 :) 我会看看我能用它做什么。 【参考方案1】：

如您所知，您可以通过检查其.value.length 来检查输入字段是否为空白。要检查它是否仅包含空格，请尝试以下操作：（假设输入存储在名为input 的变量中）

if (!input.value.trim().length) // oh noes! it's blank or whitespace-filled!

Reference.

【讨论】：

谢谢！标记为答案和 +1 以供参考。 trim() 是我想要的。 :) 请注意 .trim() 方法在 IE8 及更早版本中不受支持。你可以使用jQuery的trim。【参考方案2】：

您的问题有几个组成部分：

如何动态添加输入字段？ 如何遍历这些字段并同时验证它们？ 如何检查字段是否真的包含内容，而不仅仅是空值？

我们需要系统地解决所有这些问题：

从最简单的开始——检测空字符串：

if (value.replace(/\s/g,'')=='') //string is empty

接下来，动态添加输入字段：

var myinput=document.createElement('input');
document.body.appendChild(myinput);

//the trick here is to "remember" this element for later use
document.myinputs=[];
document.myinputs.push(myinput);

要检查所有输入字段，首先检查静态输入字段，然后循环遍历动态输入字段：

valid=true; //default to true unless detected otherwise
for (var i=0;i<document.myinputs.length;i++)
  var input=document.myinputs[i];
  if (input.value.replace(/\s/g,'')=='') valid=false;


alert(valid);

【讨论】：

谢谢！但 rvighne 的答案是最接近的 :) trim() 是我需要的，但看看你的答案并快速搜索一下它似乎也解决了这个问题。另外，在添加输入字段时，我使用了 jquery 中的 .clone() 谢谢！如果我能给 +2

如何使用javascript验证动态生成的输入框值

】如何使用javascript验证动态生成的输入框值【英文标题】：Howtovalidatedynamicgeneratedinputboxvalueusingjavascript【发布时间】：2016-09-1520:11:10【问题描述】：我正在动态创建多个文本框，我想在表单提交时进行文本框验证（文本框不应... 查看详情

调用函数 Javascript/jQuery 验证之前的验证步骤

】调用函数Javascript/jQuery验证之前的验证步骤【英文标题】：ValidationstepbeforecallfunctionJavascript/jQueryvalidation【发布时间】：2017-12-2713:56:27【问题描述】：我有一个向导（TypeScript，ASP.NET），其中包含一些步骤。示例第1步：文本框... 查看详情

小吃店验证 MDL - Javascript/Jquery

】小吃店验证MDL-Javascript/Jquery【英文标题】：snackbarvalidationMDL-Javascript/Jquery【发布时间】：2017-04-0417:02:41【问题描述】：如果输入字段为空，我想显示小吃栏。可能用Snackbar/Toast替换默认的html5所需的验证。这是我的代码：<body... 查看详情

任何 Javascript/Jquery 库来验证 SQL 语句？

】任何Javascript/Jquery库来验证SQL语句？【英文标题】：AnyJavascript/JqueryLibraryTovalidateSQLstatment?【发布时间】：2012-10-2114:38:21【问题描述】：我的项目中有一个文本区域，用户可以在其中保存SQL查询，但要求之一是检查此查询是否有... 查看详情

Javascript / jQuery - 隐藏字段时禁用验证

】Javascript/jQuery-隐藏字段时禁用验证【英文标题】：Javascript/jQuery-issuedisablingvalidationwhenfieldishidden【发布时间】：2017-08-0105:37:30【问题描述】：当下拉列表中的两个不同值之一被选中时，以下Javascript/jQuery会显示一个字段，否则... 查看详情

客户端 JavaScript / jQuery 表单验证没用吗？ [复制]

】客户端JavaScript/jQuery表单验证没用吗？[复制]【英文标题】：IsClient-sideJavaScript/jQueryformvalidationuseless?[duplicate]【发布时间】：2012-04-2222:46:36【问题描述】：可能重复：JavaScript:client-sidevs.server-sidevalidation有很多JavaScript/jQuery客户... 查看详情

使用 JavaScript / jQuery 进行简单的数字验证

】使用JavaScript/jQuery进行简单的数字验证【英文标题】：SimplenumbervalidationusingJavaScript/jQuery【发布时间】：2011-08-0512:13:47【问题描述】：在JavaScript/jQuery中是否有任何简单的方法来检查变量是否为数字（最好没有插件）？我想提醒... 查看详情

Javascript + jquery复选框验证？

】Javascript+jquery复选框验证？【英文标题】：Javascript+jquerycheckboxvalidation?【发布时间】：2017-09-0521:49:58【问题描述】：我必须验证复选框。if($("#update_user_modal#room1").attr(\'checked\',false))room1Val=0;这工作正常。但我必须检查它是否也... 查看详情

使用 javascript/jquery 验证文件上传 [重复]

】使用javascript/jquery验证文件上传[重复]【英文标题】：Validatefileuploadwithjavascript/jquery[duplicate]【发布时间】：2013-03-1518:36:27【问题描述】：好吧，这很令人沮丧。我在谷歌上搜索了很多关于如何验证所选文件（上传）扩展名和大... 查看详情

dd/mm/yyyy 格式的日期正则表达式，用于 javascript 验证

】dd/mm/yyyy格式的日期正则表达式，用于javascript验证【英文标题】：Regularexpressionfordateindd/mm/yyyyformatforjavascriptvalidation【发布时间】：2012-01-0321:34:08【问题描述】：我必须对输入值进行客户端验证（使用javascript/JQuery），该输入值... 查看详情

使用 Javascript /jQuery 的 Bootstrap 4 表单验证

】使用Javascript/jQuery的Bootstrap4表单验证【英文标题】：Bootstrap4FormValidationwithJavascript/jQuery【发布时间】：2018-07-2514:08:51【问题描述】：我是Web开发的新手，正在尝试设置一个练习表单来学习表单验证。我正在关注Bootstrap的doc自定... 查看详情

使用javascript/jquery进行bootstrap4表单验证

...。我已经设置了一个基本表单，并尝试使用jQuery创建一个JavaScript函数来处理验证。我觉得我几乎就在那里，但仍然没有像Bootstrap演示显示那样进行验证。的index.html<fo 查看详情

Javascript / jQuery检测输入是不是集中[重复]

】Javascript/jQuery检测输入是不是集中[重复]【英文标题】：Javascript/jQuerydetectifinputisfocused[duplicate]Javascript/jQuery检测输入是否集中[重复]【发布时间】：2013-07-1023:48:32【问题描述】：如果textarea已经聚焦，我如何检测.click事件何时触... 查看详情

2.简易的登录页面（表单验证）（html+javascript+jquery）

//HTML部分<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>登录页面</title><linkrel="stylesheet"type="text/css"href="css/login.css"/><scriptsrc="https://app 查看详情

如何使用 javascript/jquery 设置用户输入的样式

】如何使用javascript/jquery设置用户输入的样式【英文标题】：Howtolive-styleanuserinputusingjavascript/jquery【发布时间】：2012-02-1617:49:30【问题描述】：我正在寻找在javascript/jquery中制作实时样式器的库或建议。这个想法是我的用户有一... 查看详情

从输入值中消除javascript / jquery空间[重复]

】从输入值中消除javascript/jquery空间[重复]【英文标题】：javascript/jqueryspaceeliminationfrominputvalue[duplicate]【发布时间】：2014-03-1713:32:57【问题描述】：大家好，我有一个接受用户输入的文本区域（呃！），我想消除多余的空格。示... 查看详情

一旦用户输入值，使用 javascript/jquery 自动更新具有相同 ID 的输入字段

】一旦用户输入值，使用javascript/jquery自动更新具有相同ID的输入字段【英文标题】：Automaticallyupdatinginputfieldwithsameidusingjavascipt/jqueryonceuserentervalue【发布时间】：2021-06-2802:55:15【问题描述】：我有一个如下所示的SQL表：NoTaskCluste... 查看详情

使用 javascript/jquery 从先前输入的自动表单填充值

】使用javascript/jquery从先前输入的自动表单填充值【英文标题】：Automaticformfillvaluefrompreviousinputwithjavascript/jquery【发布时间】：2021-12-0302:00:42【问题描述】：我需要自动填写重复的表单，因为它显示在两个不同的页面上，因此用... 查看详情