使用 jquery 验证电子邮件 ID

Question

我正在尝试使用 jquery.When 验证 emailid 21=] 可以继续填写其他详细信息

这是代码。

   $("#emailid").bind("keypress", function (event) {
    if (event.charCode != 0) {
        var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
        if (!filter.test(emailid)) {
           alert('Please enter a valid email address');
           event.preventDefault();
           return false;
        }
    }
  });

HTML:

<div>
 <label>Email Id </label>
 <input type="text" name="emailid" id="emailid"  style="width: 300px;border:solid 1px #0096ce;"/>
</div>

在此代码中，如果我们键入字母或任何字符，它会显示错误消息。请告诉我代码有什么问题

Answer 1

您可以将 type="text" 更改为 `type="email"' 。在这种情况下，您不需要使用 jQuery。 :)

Answer 2

如果您确实想要显示警报，您可以这样做：

function isvalidEmail(email) {
  var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  return regex.test(email);
}


$("#emailid").keyup(function (event) {
  var emailValue = $(this).val();
  console.log(emailValue);
  if(!isvalidEmail(emailValue)){
    alert('Please enter a valid email address');
  }
});

JS Fiddle link:

http://jsfiddle.net/w0yoaqs5/

Answer 3

试试这个..

<input type="email" class="email"/>

<div id="message"></div>
<script>
$('.email').on('keyup', function(){
    var valid = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/.test(this.value) && this.value.length;
    $('#message').html('It\'s'+ (valid?'':' not') +' valid');
});
</script>

演示版

http://jsfiddle.net/o7t8991c/

Answer 4

我用过的模糊检查电子邮件的替代方法，你可以试试：

$("#emailid").on("blur", function (event) {
   var str = $(this).val();
   var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

   if (!filter.test(str)) {
      alert('Please enter a valid email address');
      return false;
   }
});

DEMO

Answer 5

使用 Jquery 警告无效电子邮件，DEMO

    <h4>
    <br />Email <span>*</span>
    </h4>                       
    <input type="text" id="Email" name="Email" maxLength="50" size="45" />

$("#Email").blur(function() 
{
 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;  
 var emailaddress = $("#Email").val();
 if(!emailReg.test(emailaddress)) 
 {
        alert('Please enter valid Email address!');  
        return false;
 }
});

或使用 javascript 函数 regular expressions is probably way. Example (Demo):

function validateEmail(email) { 
    var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}

注意： 但请记住，不应仅依赖 JavaScript 验证。 JavaScript 很容易被禁用。这也应该在服务器端进行验证。

使用 jquery 验证电子邮件 ID

Validation for email id using jquery

javascript

jquery