javascript,document.getElementById().value修改元素值
<span>用 户 名:</span><inputtype="text"id="username"name="username"size="25"on...
<span>用 户 名:</span><input type="text" id="username" name="username" size="25" onblur="nameCheck()"/>
<span class="prompt" id="get_name">由字母,数字,下划线组成</span><br />
JS代码:
function nameCheck(){
var matchstr = /^\w{5,14}$/;
var str =document.getElementById("username").value;
if(matchstr.test(str)){
document.getElementById("get_name").value="输入正确";
document.getElementById("get_name").style.color="green";
}else{
document.getElementById("get_name").value="用户名不符合规则!";
document.getElementById("get_name").style.color="red";
}
}
<span>标签实现了字体颜色改变,但没有实现标签内部文字改变。即如果输入正确,“由字母,数字,下划线组成”没有变成“输入正确”,仅颜色变成绿色。求高手。 展开
<span class="prompt" id="get_name">由字母,数字,下划线组成</span><br />
JS代码:
function nameCheck(){
var matchstr = /^\w{5,14}$/;
var str =document.getElementById("username").value;
if(matchstr.test(str)){
document.getElementById("get_name").value="输入正确";
document.getElementById("get_name").style.color="green";
}else{
document.getElementById("get_name").value="用户名不符合规则!";
document.getElementById("get_name").style.color="red";
}
}
<span>标签实现了字体颜色改变,但没有实现标签内部文字改变。即如果输入正确,“由字母,数字,下划线组成”没有变成“输入正确”,仅颜色变成绿色。求高手。 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询