Question

我在验证我的表格时遇到了一些麻烦，我只能在单个文本输入中检查字母，数字和句号（“句号”），但我不能为我的生活做好准备让它在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个名字 e.g。

John.smith
Peter.jones1

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

John Smith
David.O'Leary
3rd.username

任何帮助/指针都将非常感激（我只知道基本的html / php / javascript）

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

Answer 2

我使用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/

textarea上的正则表达式

2 个答案: