我在验证自己的表格时遇到了一些麻烦,我只能在单个文本输入中检查字母,数字和句号(“句号”),但我一生都无法将其输入在textarea字段上工作.

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

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

我尝试过的对文本区域($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)

解决方法:

为了逐行验证,我将使用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>