首页手记用JS来实现根据浏览器的中文/英文设置，来自动匹配中文...

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

标签：

Html/CSS Html5 JavaScript

<!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>

点击查看更多内容