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

<scripttype="text/javascript">//使用$替换document.getElementById函数var$=function(v){return... <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 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>
</body>
<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>
展开
 我来答
灰人王
2011-08-01 · TA获得超过2456个赞
知道大有可为答主
回答量:2401
采纳率:0%
帮助的人:922万
展开全部
代码上看不出什么问题。我也把你的代码拷下来运行了,在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是在上面,我的火狐的确不好使啊  。密码强度是无法判断的
追答
奇了怪了。我的火狐没有问题啊。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
火狐
2015-01-17 · Firefox,最快最安全的上网体验
火狐
Mozilla Firefox火狐浏览器,是一款开放安全的开源浏览器,全球拥有5亿用户。
向TA提问
展开全部
  您好,感谢您对火狐的支持

  测试代码没有问题,可能您的火狐配置文件错误造成的,尝试点击 Windows的开始按钮,选择运行...在运行对话框中,输入:firefox.exe -p 点击确定,为浏览器新建一个配置文件。
  您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式