javascript/jquery 输入验证

Question

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

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

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

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

PS：我在 jQuery mobile 上使用 jQuery

Answer 1

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

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

Reference.

Answer 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);