用户名页面javascript验证

有人能帮忙吗

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

用户名只能包含字母、点（.）、at符号（@）。用户名长度不得超过25个字符

---

要限制为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');
    }    
  }
});

试验


$（文档）.ready（函数（）{
变量$text=$（“#输入”）；
变量$btn=$（“#按钮”）；
var$out=$（“#验证”）；
$btn.on（'click'，\u do\u check'）；
功能检查（e）{
e、 预防默认值（）；
e、 停止传播（）；
var text=$text.val（）；
如果（/^[a-zA-Z.@]+$/.test（文本））{
$out.html（'OK'）；
}否则{
$out.html（'FAILURE'）；
}    
}
});

---

希望这有帮助。

仅使用普通Javascript：

您需要构造一个正则表达式。检查此项以了解它在Javascript中的工作方式

下面的表达式将是一个正则表达式，它符合您的用户名要求，同时只允许使用字符和长度限制

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

您可以玩并学习如何使用以下页面构建正则表达式

---

正如建议的那样，你应该从你的一些工作开始，以便实际帮助解决问题，然后社区可以指导你解决真正的问题。

恐怕你不能问一个没有之前研究或努力的问题，你本质上是在要求人们为你做工作，这样做你什么也学不到。阅读本文：您可以使用像jqueryvalidate这样的自定义库，也可以学习如何使用REGEXI创建验证，而且您的名字非常简单。上传一些代码片段，但到目前为止你已经完成了。