3

我在验证我拥有的表格时遇到了一些麻烦，我只能在单个文本输入中检查字母、数字和句号（“句号”），但我一辈子都做不到在 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）

4

2 回答 2

3

为了逐行验证，我会使用该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>
于 2013-05-09T15:55:12.667 回答
0

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

/^([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/

于 2013-05-09T16:10:25.810 回答