首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在同一文本字段中验证用户名或电子邮件

在同一文本字段中验证用户名或电子邮件
EN

Stack Overflow用户
提问于 2016-05-29 04:54:52
回答 2查看 2.8K关注 0票数 3

我想验证表单的<input>元素,以检查用户名或电子邮件。验证应针对相同的文本框进行。

代码语言:javascript
运行
复制
<input id="text1" type="text" placeholder="Enter username or email">

如果在输入标记本身中使用模式属性,这会更容易。因为我想使用jscript对验证消息进行编程。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-12-03 10:24:55

代码语言:javascript
运行
复制
function validate(field) {
    // var field = document.getElementById('text1').value;

    // CHeck if email
    if (/\@/.test(field)) {
        // Validate email address
        if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(field)) {
            return (true)
        }
        console.log("You have entered an invalid email address!");
        return (false)
    } else {
        // Validate username
        var error = "";
        var stripped = field.replace(/[\(\)\.\-\ ]/g, '');

        if (stripped == "") {
            alert("You didn't enter a phone number.");
            error = "You didn't enter a phone number.";
        } else if (isNaN(parseInt(stripped))) {
            phone = "";
            error = "The phone number contains illegal characters.";
            alert("illegal characters.");
        } else if (!(stripped.length == 10)) {
            alert("wrong length");
            phone = "";
            error = "The phone number is the wrong length. Make sure you included an area code.\n";
        }
    }
}
票数 2
EN

Stack Overflow用户

发布于 2016-05-29 04:59:11

或者你想要这样的东西

代码语言:javascript
运行
复制
<input id="text1" type="text" placeholder="Enter username or email">
<input type="button" id="submit" value="Submit" onclick="validate()" />
<script>
    function validate() {
        var field = document.getElementById('text1').value;

        // CHeck if email
        if (/\@/.test(field)) {
            // Validate email address
        }
        else {
            // Validate username
        }
    }
</script>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37506319

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档