Question

我想对我的电子邮件输入文本和电话号码输入文本进行验证。在电子邮件中，我只想在表单中输入“ @ gmail.com”和电话号码，而用户只能输入号码。我已经在使用JavaScript，但无法正常工作。

global
        log /dev/log    local0
        log /dev/log    local1 notice
        chroot /var/lib/haproxy
        stats socket /run/haproxy/admin.sock mode 660 level admin expose-fd listeners
        stats timeout 30s
        user haproxy
        group haproxy
        daemon

        # Default SSL material locations
        ca-base /etc/ssl/certs
        crt-base /etc/ssl/private

        # Default ciphers to use on SSL-enabled listening sockets.
        # For more information, see ciphers(1SSL). This list is from:
        #  https://hynek.me/articles/hardening-your-web-servers-ssl-ciphers/
        # An alternative list with additional directives can be obtained from
        #  https://mozilla.github.io/server-side-tls/ssl-config-generator/?server=haproxy
        ssl-default-bind-ciphers ECDH+AESGCM:DH+AESGCM:ECDH+AES256:DH+AES256:ECDH+AES128:DH+AES:RSA+AESGCM:RSA+AES:!aNULL:!MD5:!DSS
        ssl-default-bind-options no-sslv3

defaults
        log     global
        mode    http
        option  httplog
        option  dontlognull
        timeout connect 5000
        timeout client  50000
        timeout server  50000
        errorfile 400 /etc/haproxy/errors/400.http
        errorfile 403 /etc/haproxy/errors/403.http
        errorfile 408 /etc/haproxy/errors/408.http
        errorfile 500 /etc/haproxy/errors/500.http
        errorfile 502 /etc/haproxy/errors/502.http
        errorfile 503 /etc/haproxy/errors/503.http
        errorfile 504 /etc/haproxy/errors/504.http

frontend http-in
    mode    http

    bind *:80

    acl path-page-designer              path_beg -i /employeeList    
    use_backend page-designer-backend   if path-page-designer
    redirect scheme https code 301 if !{ ssl_fc }

backend page-designer-backend
    mode    http

    option  httplog
    option  forwardfor

    http-request set-path /

    server  appserver1 206.189.22.155:5000

function validation() {
  var mailformat = /^\w+([\.-]?\w+)*@gmail.com*(\.\w{2,3})+$/;
  var phoneno = /^\d{10}$/;
  if (document.getElementById("name").value.length == 0) {
    document.getElementById("message").innerHTML = "<em> You did not enter your name </em>";
    return false;
  }
  if (document.getElementById("email").value.match(mailformat) != mailformat) {
    document.getElementById("message1").innerHTML = "<em> please enter </em>";
    return false;
  }
  if (document.getElementById("postcode").value.length < 4) {
    document.getElementById("message2").innerHTML = "<em> Minimum is 4 Characters for Postcode </em>";
    return false;
  }
  if (document.getElementById("phone").value.length == 0) {
    document.getElementById("message3").innerHTML = "<em> You did not enter your phone </em>";
    return false;
  }
  return true;
}

Answer 1

Match返回一个匹配的数组。因此，将数组与正则表达式进行比较是错误的。您可以使用真实性检查

if(!document.getElementById("email").value.match(mailformat)) {

或改用.test()。

Answer 2

像这样使用正则表达式

var mailformat = /^\w+([\.-]?\w+)*[@gmail.com]*(\.\w{2,3})+$/; var email_val = document.getElementById("email").value; if(!email_val.match(mailformat)){ document.getElementById("message1").innerHTML = "<em> please enter email dsfsdfa</em>"; return false; }

您可以做得更好，例如在此之前对空字段进行验证。

Answer 3

您可以查看此网站，该网站显示了用于验证的基本javascript代码

https://getcodingkids.com/mission/mission-2/

Answer 4

您从哪里获得了电子邮件验证正则表达式？模式/^\w+([\.-]?\w+)*@gmail.com*(\.\w{2,3})+$/匹配（无效）一个或多个单词，并用句点或连字符开头，后跟@gmail，后面紧跟任何字符，后跟co，后跟任意数量的{ {1}}，包括零，后接至少一个句号序列加上两个或三个以上字母。因此，它将不匹配任何以m结尾的内容，而是匹配以@gmail.com结尾的内容或类似内容。因此，即使您在代码中修复了验证逻辑，此正则表达式也不会与任何以@gmail.co.uk结尾的电子邮件地址匹配，这听起来像是您想做的。。

电子邮件和电话号码验证javascript

4 个答案: