Javascript验证未验证

Question

嗨，在那里，我正在尝试让我的JS验证我的联系方式与以下要求…

尝试使用XHTML1.0完成此操作

Answer 1

此代码有错误：

未在线定义

电子邮件：

    var valid = email.match(/^[a-zA-Z0-9\.]+@([a-zA-Z0-9\.-]){1,}\.[a-z]{2,4}$/);

并且此html代码不正确;p

<input id="text" type="email" />

我想你的意思是：

 <input id="email" type="text" />

Answer 2

有很多问题，调试的第一步是打开开发人员控制台(F12)并观察错误消息。

Working fiddle

更改：

• 删除了导致错误的var valid = email.match....，返回值从未使用过。
• 将jsfidle.j因为它试图在DOM元素rendered.
• Changed之前访问DOM元素，将电话输入ID从text1转换为phone.
• Removed隐藏电话号码输入的行，因为这没有任何意义。

更新代码：

function elem(id) {
    return document.getElementById(id);
};


window.onload = function () {
    document.querySelector("#RadioGroup1_0").click();

    var form = document.getElementById('form');
    form.onsubmit = function (e) {
        var rules = [
            ['first-name', elem('first-name').value.length > 0],
            ['last-name', elem('last-name').value.length > 0],
            ['phone', elem('phone').value.length > 0 && /^(\+\d{1,2})?[\d ()-]+$/.test(elem('phone').value)]
        ];

        function alpha(e) {
            var k;
            document.all ? k = e.keyCode : k = e.which;
            return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8);
        }

        for (var i = 0; i < rules.length; i++) {
            if (!rules[i][1]) {
                var parent = elem(rules[i][0]).parentNode,
                    message = 'Please check your ' + (parent.textContent || parent.innerText).replace(/^\s*(.*?)\s*$/, '$1').slice(0, -1).toLowerCase() + '.';

                alert(message);

                return false;
            }
        }

        return true;
    };
}


function onlyAlphabets(e, t) {
    try {
        if (window.event) {
            var charCode = window.event.keyCode;
        } else if (e) {
            var charCode = e.which;
        } else {
            return true;
        }
        if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode === 8)) return true;
        else return false;
    } catch (err) {
        alert(err.Description);
    }
}


var specialKeys = new Array();
specialKeys.push(8); //Backspace
function IsNumeric(e) {
    var keyCode = e.which ? e.which : e.keyCode
    var ret = ((keyCode >= 48 && keyCode <= 57) || specialKeys.indexOf(keyCode) != -1);
    //document.getElementById("phone").style.display = ret ? "none" : "inline";
    return ret;
}

Answer 3

  <asp:TextBox ID="txtEmail" runat="server" onkeypress="return validateNumbers(event);"></asp:TextBox>
  <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="txtEmail" Enabled="false" ForeColor="Red" ClientIDMode="Static" ErrorMessage="Input valid email address!">  

​

     And in javascript use like below

ValidatorEnable(document.getElementById('txtEmail')，为真)；