textarea上的正则表达式答案

【问题标题】：Regular expression on textareatextarea上的正则表达式
【发布时间】：2013-05-09 15:20:51
【问题描述】：

我在验证我拥有的表单时遇到了一些问题，我只能在单个文本输入中检查字母、数字和句号（“句号”），但我这辈子都做不到让它在 textarea 字段上工作。

在我的验证中，我有这个：

var usernamecheck = /^[A-Za-z0-9.]{5,1000}$/;

我尝试在 textarea ($ITSWUsers) 上无效的验证是：

if(!document.all.ITSWUsers.value.match(usernamecheck))
                {
                alert ("Please write the usernames in the correct format (with a full stop between first and last name).");
                return false;
                }

但是，'input type="text"' 上的以下内容在同一个表单上工作得很好

if(!document.all.SFUsersName1.value.match(usernamecheck))
                {
                alert("Usernames can only contain letters, numbers and full stops (no spaces).");  
                return false;  
                }

我需要它来验证用户名，每行 1 个名称例如

John.smith
Peter.jones1

这些都可以，但以下不会：

John Smith
David.O'Leary
3rd.username

对此的任何帮助/指针将不胜感激（我只知道基本的html/php/javascript）

【问题讨论】：

document.all.ITSWUsers.value 是否返回正确的值？你可以试试document.getElementById('ITSWUsers').value 吗？
. 是 Regex 中的通配符，因此您可能正在寻找 [A-Za-z0-9\.]。不过，您正在阅读的任何内容都可能存在问题。
Mike - 是的，它返回正确的值，Otaia - 我添加了反斜杠和 Mike 的建议，但它仍然允许提交表单。
另外，该正则表达式不会需要句点。任何带有字母、数字或句点的东西。
@Maff - 像this 这样的东西怎么样？

标签： javascript forms validation

【解决方案1】：

为了逐行验证，我会使用split 函数将每一行转换为一个数组。然后，遍历数组并在每一行上运行您的 RegEx。这样，您可以准确报告哪一行无效。像这样的：

<textarea id="ITSWUsers"></textarea>
<button onclick="Validate()">Validate</button>

<script>
  var usernamecheck = /^[A-Za-z0-9]{5,1000}\.[A-Za-z0-9]{5,1000}$/;

  function Validate()
  {
    var val = document.getElementById('ITSWUsers').value;
    var lines = val.split('\n');

    for(var i = 0; i < lines.length; i++)
    {
      if(!lines[i].match(usernamecheck))
      {
        alert ('Invalid input: ' + lines[i] + '.  Please write the usernames in the correct format (with a full stop between first and last name).');
        return false;
      } 
    }

    window.alert('Everything looks good!');
  }
</script>

【讨论】：

【解决方案2】：

我会使用 JQuery（或 JS 函数）修剪来自文本区域的输入，然后使用这个正则表达式：

/^([A-Za-z0-9]+\.[A-Za-z0-9]+(\r)?(\n)?)+$/

像这样：

function testFunc()
{
    var usernamecheck = /^([A-Za-z0-9]+\.[A-Za-z0-9]+(\r)?(\n)?)+$/;

    if(!$.trim(document.all.ITSWUsers.value).match(usernamecheck))
    {
        alert ("Please write the usernames in the correct format (with a full stop between first and last name).");
        return false;
    }
}

<textarea id="ITSWUsers" cols="50" rows="10">
John.smith
Peter.jones1
</textarea>
<button onclick="testFunc()">Click Me</button>

在这里查看它的工作原理：

http://jsfiddle.net/DkLPB/

【讨论】：