JavaScript电子邮件验证包含指定的地址

Question

I am looking for javascript validation on email form field. 我正在寻找电子邮件表单字段上的javascript验证。 On submit i want to validate if email contains @specifieddomain.com then submit else error message "please use your company email" 在提交时，我要验证电子邮件是否包含@ specifieddomain.com，然后提交其他错误消息“请使用您的公司电子邮件”

<div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>

     <p><form id="microsubs_form" method="post" action="/" class="" >

        <input type="text" id="ms_firstName" required="true" placeholder="First Name" style="margin-bottom:20px;">
        <input type="text" id="ms_lastName" required="true" style="float:right; alignment-adjust:central; clear:right" placeholder="Last Name" style="margin-bottom:20px;">
        <input type="email" id="ms_email" required="true" style="float:left;" placeholder="Corporate Email address">
        <input type="number" id="ms_telephoneNumber" required="true" style="float:right; alignment-adjust:central; clear:right">


        </form></p>

        <p></p>

    </div>
</div>

thanks 谢谢

Answer 1

1) in HTML 1）在HTML中

change input email like this : 像这样更改输入电子邮件：

<input type="email" pattern="\w+@specifieddomain\.com" style="float:left;" placeholder="Corporate Email address">

final code : 最终代码：

<html>
<head>
</head>
<body>
   <div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>

     <p><form id="microsubs_form" method="post" action="/" class="" >

        <input type="text" id="ms_firstName" required="true" placeholder="First Name" style="margin-bottom:20px;">
        <input type="text" id="ms_lastName" required="true" style="float:right; alignment-adjust:central; clear:right" placeholder="Last Name" style="margin-bottom:20px;">
        <input type="email" pattern="\w+@specifieddomain\.com" style="float:left;" placeholder="Corporate Email address">
        <input type="number" id="ms_telephoneNumber" required="true" style="float:right; alignment-adjust:central; clear:right">
        <input type="submit">
        </form>

        <p></p>

    </div>
</div>
</body>
</html>

2) in javascript 2）在javascript中

change form like this 像这样改变形式

<form id="microsubs_form" method="post" action="/" class="" onsubmit="return validEmail()" >

and use test Method, 并使用测试方法

<script>
           var emil = document.getElementById("email");
           var patt = /\w+@specifieddomain\.com/;
           function validEmail() {
               if (!patt.test(emil.value)) {
                   alert("please use your company email");
                   return false;
               }
               else
                   return true;
           }
       </script>

final code : 最终代码：

<html>
<head>
</head>
<body>
   <div id="openModal" class="modalDialog">
    <div>
        <a href="#close" title="Close" class="close">X</a>

     <p><form id="microsubs_form" method="post" action="/" class="" onsubmit="return validEmail()" >

        <input type="text" id="ms_firstName" required="true" placeholder="First Name" style="margin-bottom:20px;">
        <input type="text" id="ms_lastName" required="true" style="float:right; alignment-adjust:central; clear:right" placeholder="Last Name" style="margin-bottom:20px;">
        <input id="email" style="float:left;" placeholder="Corporate Email address">
        <input type="number" id="ms_telephoneNumber" required="true" style="float:right; alignment-adjust:central; clear:right">
        <input type="submit">
        </form>
        <p></p>
    </div>
       <script>
           var emil = document.getElementById("email");
           var patt = /\w+@specifieddomain\.com/;
           function validEmail() {
               if (!patt.test(emil.value)) {
                   alert("please use your company email");
                   return false;
               }
               else
                   return true;
           }
       </script>
</div>
</body>
</html>

Answer 2

<script type="text/javascript">
    function emailvalidator(){
          var email = document.getElementById('ms_email').value;

          if(email.search("@yourdomain.com")!=-1){
                alert("wrong email"); 
          }else{
                alert("email is valid!");
          }
   }
</script>

add this function in your file, then call this function on submit. 在您的文件中添加此函数，然后在提交时调用此函数。

Answer 3

Try this.. 尝试这个..

$('#microsubs_form').on('submit',function(){

    var email = $('#ms_email').val();
    var atpos = email.indexOf("@");
    var dotpos = email.lastIndexOf(".");
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
        alert("Not a valid e-mail address");
        return false;
    }

})

JavaScript电子邮件验证包含指定的地址

问题描述

3 个解决方案

解决方案1
1 已采纳 2016-06-02 12:38:40

解决方案2
0 2016-06-02 12:18:30

解决方案3
0 2016-06-02 12:20:04

JavaScript电子邮件验证包含指定的地址

问题描述

3 个解决方案

解决方案1 1 已采纳 2016-06-02 12:38:40

解决方案2 0 2016-06-02 12:18:30

解决方案3 0 2016-06-02 12:20:04

解决方案1
1 已采纳 2016-06-02 12:38:40

解决方案2
0 2016-06-02 12:18:30

解决方案3
0 2016-06-02 12:20:04