jquery javascript验证电子邮件和用户名

时间:2014-02-19 09:21:38

标签: javascript jquery validation

我只是想知道我是否错误地使用它们,或者在网上提供的这些验证存在一些严重问题。

Example of one of many sites using jquery validation

我输入“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作为名称。没有警告。 我真正想知道的是,这些验证是正常的吗?

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

在您的代码中只有一个textarea。没有电子邮件,没有名字。要验证电子邮件的使用

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

答案 2 :(得分:0)

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

 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