这段JS不支持火狐要怎么改？

举报该文章

其他看法

第1个回答 2011-08-01

代码上看不出什么问题。我也把你的代码拷下来运行了，在FF中可以运行。不过你把<style>写在后面，这是不好的，我在运行的时候是把它放在前面的。把我整理成的代码贴在下面，希望对你有帮助。
<html>
<style type="text/css">
#tipPosition
{
width: 400px;
height: 16px;
line-height: 18px;
padding: 2px 30px;
}
.tip {
color: #0E5863;
}
.error {
color: #6D3737;
}
.success {
color: #3D934A;
}
#pwdStrong_color
{
width: 136px;
height: 3px;
border: 0px;
border-collapse: collapse;
border-spacing: 0;
background: #E6EAED;
margin-top: 5px;
}
</style>
<body onLoad="InitCss();">
<form>
<div>
<input id="txtPassword" type="password" style="width: 130px;" maxlength="16" onFocus="InitCss();"
onblur="ValidateInput('password',this.value)" onKeyDown="validatePwdStrong(this.value);" />
<div id="tipPosition"></div>
<table id="pwdStrong_color">
<tr>
<td id="pwdStrong_1"></td>
<td id="pwdStrong_2"></td>
<td id="pwdStrong_3"></td>
<td id="pwdStrong_4"></td>
</tr>
</table>
<div id="pwdStrong_text">
</div>
</div>
</form>
<script type="text/javascript">
//使用$替换document.getElementById函数
var $ = function(v) { return document.getElementById(v); }

/******************************************************验证用户输入******************************************************/
function ValidateInput(element, value) {
//验证密码
if (element == "password") {
if (value.toString().length < 6) {
$('tipPosition').className = 'error';
$('tipPosition').innerHTML = "密码设置错误。密码长度过小。";
return;
}
else {
$('tipPosition').className = 'success';
$('tipPosition').innerHTML = "填写正确。";
}
}
}
/*================================密码验证JS =========== Begin=======================================*/
//密码初始化的样式
function InitCss() {
$('tipPosition').className = 'tip';
$('tipPosition').innerHTML = "最小长度:6。最大长度:16。";
}

/*================================密码强度 ===========Begin=======================================*/

function Evaluate(word) {
return word.replace(/^(?:([a-z])|([A-Z])|([0-9])|(.)){5,}|(.)+$/g, "$1$2$3$4$5").length;
}

function validatePwdStrong(value) {
var pwd = {
color: ['#E6EAED', '#AC0035', '#FFCC33', '#639BCC', '#246626'],
text: ['太短', '弱', '一般', '很好', '极佳']
};
function colorInit() {
$('pwdStrong_1').style.backgroundColor = pwd.color[0];
$('pwdStrong_2').style.backgroundColor = pwd.color[0];
$('pwdStrong_3').style.backgroundColor = pwd.color[0];
$('pwdStrong_4').style.backgroundColor = pwd.color[0];
}
if (Evaluate(value) == 1) {
colorInit();
$('pwdStrong_1').style.backgroundColor = pwd.color[1];
$('pwdStrong_text').innerHTML = pwd.text[1];
$('pwdStrong_text').style.color = pwd.color[1];
}
else if (Evaluate(value) == 2) {
colorInit();
$('pwdStrong_1').style.backgroundColor = pwd.color[2];
$('pwdStrong_2').style.backgroundColor = pwd.color[2];
$('pwdStrong_text').innerHTML = pwd.text[2];
$('pwdStrong_text').style.color = pwd.color[2];
}
else if (Evaluate(value) == 3) {
colorInit();
$('pwdStrong_1').style.backgroundColor = pwd.color[3];
$('pwdStrong_2').style.backgroundColor = pwd.color[3];
$('pwdStrong_3').style.backgroundColor = pwd.color[3];
$('pwdStrong_text').innerHTML = pwd.text[3];
$('pwdStrong_text').style.color = pwd.color[3];
}
else if (Evaluate(value) == 4) {
$('pwdStrong_1').style.backgroundColor = pwd.color[4];
$('pwdStrong_2').style.backgroundColor = pwd.color[4];
$('pwdStrong_3').style.backgroundColor = pwd.color[4];
$('pwdStrong_4').style.backgroundColor = pwd.color[4];
$('pwdStrong_text').innerHTML = pwd.text[4];
$('pwdStrong_text').style.color = pwd.color[4];
}
}
</script>
</body>

</html>追问

这个我知道的，STYLE是在上面，我的火狐的确不好使啊。密码强度是无法判断的

追答

奇了怪了。我的火狐没有问题啊。

追问

怎么打都是弱

追答

你打123abc就是一般了。

追问

再打就变成弱了

追答

这说明你操作DOM的代码没有问题，那问题很可能就出在正则那里。建议在那个函数中打印一下 replace的结果，再进一步查找问题。

本回答被提问者采纳

第2个回答 2015-01-17

　　您好，感谢您对火狐的支持

　　测试代码没有问题，可能您的火狐配置文件错误造成的，尝试点击 Windows的开始按钮，选择运行...在运行对话框中，输入：firefox.exe -p 点击确定，为浏览器新建一个配置文件。
　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

相似回答

大家正在搜