js信息输错后输入框后提示红字代码如何编写

Question

如题所述

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：

error();

function error() {

$('input').after('<span style="color:red">用户名不存在</span>');

}

3、浏览器运行index.html页面，此时输入框后面会显示出红色错误提示。

Answer 2

一楼回答不是很全面，补充一下：
var textboxstr=document.getElementById("textbox_id").value;//获得输入框的文本值
document.getElementById("label_id").innerHTML=“<font color='red'>提示内容</font>”//设置红色提示内容
上面只是显示红色，你还要在自己的javascript脚本中，编写判断的逻辑，然后根据需要，如按TAB键，或者输入框焦点转移的事件触发你的判断逻辑，从而使文本框显示红色

Answer 3

var textboxstr=document.getElementById("textbox_id").value;//获得输入框的文本值
document.getElementById("label_id").innerHTML=“<font color='red'>提示内容</font>”//设置红色提示内容
自己在输入框旁边加个label用来存放提示。至于这个输错是什么情况就看你自己要做什么了,获得了输入框的文本值你自己判断不难。本回答被提问者采纳

Answer 4

这个用jquery极为方便，尤其是输入框比较多的时候
在表单里这样写
<input type="text" name="myname" id="myid" class="mycheck" preg="正则表达式" /><span id="myid_msg" style="display:none;color:#ff0000;">提示内容</span>

在JS里这样
$('.mycheck').blur(function(){
var preg = new Regexp();
var msgid = '';
msgid = $(this).attr('id');
msgid += '_msg';
preg = $(this).attr('preg');
if (preg.match($(this.val()))) {
$(msgid).hide();
} else {
$(msgid).show();
}

});

Answer 5

//不用在输入框后加任何东东的方法,比楼上的方法要省事.可以在输入框失去焦点时触发,检查输入值

var v="<font color='red'>提示值</font>";
var id=getElementById("input_id"); //获得输入框id
var ele=id.parentNode.childNodes;
for(var i=0;i<ele.length;i++){if(ele[i].nodeName.toUpperCase()=="SPAN"&&ele2[i].id==""){
ele[i].innerHTML=v;return}}
var ele2=document.createElement"span");
ele2.innerHTML=v;ele2.style.paddingLeft="6px";
id.parentNode.appendChild(ele2);