【急在线等！！！】JavaScript 判断输入框内容正确输入框变绿色 错误变红色
.一个输入框一个按钮，输入0-100之间的整数，不正确的时候文本框的边框是红色，正确就是绿色。点击按钮判断：不及格<60及格<75优秀<85棒<100满分100。用ale...
.一个输入框一个按钮，输入0-100之间的整数，不正确的时候文本框的边框是红色，正确就是绿色。 点击按钮判断：不及格<60 及格 <75 优秀 <85 棒<100 满分100。 用alert输出。
我想要的输入框变色效果大概如图一 然后图二是我写的代码 但是完全不能实现 求帮助QWQ 展开
我想要的输入框变色效果大概如图一 然后图二是我写的代码 但是完全不能实现 求帮助QWQ 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<style>
input[type=text]{
border:2px solid transparent;
width:250px;
height:25px;
}
span{
border-radius:90px;
background-color:transparent;
width:30px;
height:30px;
}
</style>
<script>
var s = "";
var kp = function(txt){
var ino = txt.nextElementSibling;
if(!/^([1-9]\d?|0|100)$/.test(txt.value)){
txt.style.borderColor = "red";
ino.style.backgroundColor = "red";
ino.innerHTML = "×";
s = "";
}else{
txt.style.borderColor = "green";
ino.style.backgroundColor = "green";
ino.innerHTML = "√";
//不及格<60 及格 <75 优秀 <85 棒<100
s = txt.value * 1;
}
}
function judge(){
if(s == "") return;
if(s < 60){
alert("不及格");
}else if(s >= 60 && s < 75){
alert("及格");
}else if(s >= 75 && s < 85){
alert("优秀");
}else if(s >= 85 && s < 100){
alert("棒极了");
}else{
alert("满分");
}
}
</script>
</head>
<body>
<input type="text" onkeyup="kp(this)" /> <span></span>
<br / >
<button onclick="judge()">
submit
</button>
</body>
</html>
追问
兄弟 变色可以 但是alert的内容输出不了 弹出来的是乱码
追答
乱码是
所致
即可
或者右键浏览器编码即可，
此乃小小常识，阁下竟然不知，实在有失常理！！！
讲究诚信，采纳即可，如不采纳，诚信的黑名单见！！！！！！！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
查找js的错误，可以根据浏览器提供的错误提示来找到错误的代码在哪一行。。
我现在能看出来是这句：
var scores = document.form1.scores.value;
这种方式取元素是需要表单控件里有name属性，而scores你写的是id，这样取不到值，会报错，报错了下面的代码就不执行了。
我现在能看出来是这句：
var scores = document.form1.scores.value;
这种方式取元素是需要表单控件里有name属性，而scores你写的是id，这样取不到值，会报错，报错了下面的代码就不执行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给输入框加border，
xxx.style.border="1px solid 颜色值";
xxx.style.border="1px solid 颜色值";
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
