JavaScript 在 IE、Firefox 和 Opera 中工作正常，但在 Safari 或 Chrome 中则不然 (Textbox.value)

Question

每次用户在我的网页上选择登录按钮时，都会执行下面的 JavaScript 代码，该函数基本上确保用户名和密码字段已收到文本(并且然后去掉任何前导或尾随空格)，然后将浏览器重定向到 php 登录脚本。该代码在 IE、Firefox 和 Opera 中完美运行，但在 Safari 和 Chrome 中却无法运行。

在 Safari 和 Chrome 中，文本框值未定义。其他浏览器会完美返回键入的值。

var button;
var name;
var pass;

function logIn()
{

    name.value = name.value.replace(/^\s+|\s+$/g,"");
    pass.value = pass.value.replace(/^\s+|\s+$/g,"");

    if(name.value == "")
    {

        alert("Please Enter A Username");

    }

    else if(pass.value == "")
    {

        alert("Please Enter A Password");

    }

    else
    {

        window.location.href = "loginScript.php?username=" + name.value + "&password=" + pass.value;

    }

}

function onLoad()
{

    button = document.getElementById('button');
    name = document.getElementById('username');
    pass = document.getElementById('password');

    button.onclick = logIn;

}

window.onload = onLoad;

Answer 1

我相信您使用的变量 name 是 Chrome 中的保留关键字。

尝试将名称变量更改为用户名之类的内容。

var button;
var username;
var password;

function logIn()
{

    username.value = username.value.replace(/^\s+|\s+$/g,"");
    pass.value = pass.value.replace(/^\s+|\s+$/g,"");

    if(username.value == "")
    {

        alert("Please Enter A Username");

    }

    else if(password.value == "")
    {

        alert("Please Enter A Password");

    }

    else
    {

        window.location.href = "loginScript.php?username=" + username.value + "&password=" + password.value;

    }

}

function onLoad()
{

    button = document.getElementById('button');
    username = document.getElementById('username');
    password= document.getElementById('password');

    button.onclick = logIn;

}

window.onload = onLoad;

编辑:也将通行证更改为密码