制作简单的用户登录界面

最新推荐文章于 2023-04-13 22:36:53 发布

卡哇伊的一多瓦

最新推荐文章于 2023-04-13 22:36:53 发布

阅读量3.5k

点赞数 1

文章标签：制作简单的用户登录界面

本文链接：https://blog.csdn.net/gdyuan/article/details/82889439

版权

用户登录界面

手机号:

密码:

<script>
    // /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/ 判断手机号是否正确
    // /^[A-Za-z0-9]{6,10}$/ 判断密码是否正确
    
    var phone_is_ok = false;
    var password_is_ok = false;
    
    // 手机号的验证
    function phone_foucs(obj){
        document.getElementById("phone_msg").innerHTML = "请输入11位手机号";
    }
    function phone_blur(obj){
        var phone_val = obj.value;
        if(/(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/.test(phone_val)){
            document.getElementById("phone_msg").innerHTML = "号码正确";
            document.getElementById("phone_msg").style.color = "green";
            phone_is_ok = true;
        }else{
            document.getElementById("phone_msg").innerHTML = "号码错误,请重新输入!"
            document.getElementById("phone_msg").style