Question

有人可以帮忙吗？

允许用户输入用户名和密码的代码，两者都必须按如下方式进行验证：

用户名只能包含字母，点（。），at符号（@）。用户名必须不超过25个字符。

Answer 1

为了限制25个字符，最简单的方法是使用

<input type="text" maxlength="25" />

为了验证输入只包含字母，点（。）和@，请继续使用正则表达式。

示例：

<input id="input" type="text" maxlength="25" />
<button id="button">Test</button>
<br/>
<div id="validation" />


$(document).ready(function(){
   var $text = $('#input');
   var $btn  = $('#button');
   var $out  = $('#validation');

   $btn.on('click', _do_check);

  function _do_check(e){
    e.preventDefault();
    e.stopPropagation();

    var text = $text.val();

    if (/^[a-zA-Z.@]+$/.test(text) ){
      $out.html('OK');
    } else {
      $out.html('FAILURE');
    }    
  }
});

希望这有帮助。

Answer 2

仅使用普通的Javascript：

您需要构建一个正则表达式。检查一下，了解它在Javascript https://www.w3schools.com/jsref/jsref_obj_regexp.asp

中的工作原理

以下表达式将是一个正则表达式，用于满足您的用户名要求以及唯一允许的字符和长度限制

/^([a-zA-Z\.\@]{1,25})$/

您可以播放和学习如何使用https://regexr.com/

等网页构建正则表达式

根据建议，您应该从一些工作开始，以帮助解决问题，然后社区可以指导您解决您的实际问题。

用户名页面javascript验证

2 个答案: