jQuery JavaScript验证电子邮件和用户名

Question

我只是想知道我是错误地使用了它们还是在线上存在有关这些验证的严重问题。

使用jquery验证的众多站点之一的示例

我输入“ 44”作为名称，但没有看到警告！ 对于电子邮件，我使用##@yahoo.com，再次没有警告！

我没有尝试其他。 我的问题是，我错了吗？ 进行客户端验证的最佳方法是什么？

<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    // fields to be validated
  </fieldset>
</form>
<script>
  $("#commentForm").validate();
</script>

@Mahesh，您的演示也给出了相同的结果。 我用##@44.com表示电子邮件，用55表示名字。 没有警告。 我真正想知道的是，这些验证是否正常？

Answer 1

<form id="myform">
<label for="field">Username: </label>
<input class="left" id="username" name="username">
<br/>
    <label for="field">Email: </label>
<input class="left" id="email" name="email">
<br/>
    <input type="submit" value="Validate!"/>
</form>



// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    username: {
      required: true
    },
      email : {
          required: true,
          email : true
      }
  }
});

DEMO

Answer 2

在您的代码中只有一个文本区域。 没有电子邮件，也没有名称。 验证电子邮件使用

<p>
    <label for="cemail">E-Mail (required)</label>
    <input id="cemail" type="email" name="email" required />
</p>

Answer 3

很简单： 用于电子邮件验证：

 function IsEmail(email) {
        var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        return regex.test(email);
 } // returns True if email is correct formatted