继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

用JS来实现根据浏览器的中文/英文设置,来自动匹配中文/英文提示信息.

SOHO树叶
关注TA
已关注
手记 56
粉丝 61
获赞 656
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
username:<input type="text" name="username" />
<p id="username_Tips"></p>
password:<input type="password" name="password" />
<p id="password_Tips"></p>
</body>
<script type="text/javascript"> 
    var mesEnglish = {
        userNameNull:'Sorry,Username is null',
        userNameInput:'Please input your username',
        passWordNull:'Sorry,Password is null',
        passWordInput:'Please input your password'
    };
    var mesChinese = {
        userNameNull:'对不起,用户名不能为空',
        userNameInput:'请输入用户名',
        passWordNull:'对不起,密码不能为空',
        passWordInput:'请输入密码'
    };
    var mes = {};
    var type=navigator.appName;
     if (type=="Netscape"){
        var languagetype = !!navigator.languages?navigator.languages[0]:navigator.language;
        var lang = languagetype.substr(0,2);
    }else{
        var lang = navigator.userLanguages[0].substr(0,2);
    }
    if (lang == "en"){
        mes = mesEnglish;
     }else if(lang == "zh"){
        mes = mesChinese;
     }else{
        mes = mesEnglish;
    }
    var username=document.getElementsByTagName("input")[0];
    var password=document.getElementsByTagName("input")[1];

    var username_p=document.getElementById("username_Tips");
    var password_p=document.getElementById("password_Tips");

    username.onblur=function(){
        if(username.value.length==0){
            username_p.innerHTML=mes.userNameNull;
        }else{
            username_p.innerHTML="";
        }
    }
    username.onkeyup=function(){
        if(username.value.length==0){
            username_p.innerHTML=mes.userNameInput;
        }else{
            username_p.innerHTML="";
        }
    }
    password.onblur=function(){
        if(password.value.length==0 ){
            password_p.innerHTML=mes.passWordNull;
        }else{
            password_p.innerHTML="";
        }
    }
    password.onkeyup=function(){
        if(password.value.length==0 ){
            password_p.innerHTML=mes.passWordInput;
        }else{
            password_p.innerHTML="";
        }
    }
</script>
</html>
打开App,阅读手记
10人推荐
发表评论
随时随地看视频慕课网APP

热门评论

不错的!为什么要十个字

太少了,要是整个网站怎么办?

查看全部评论