html中文本框未输入，旁边立刻出现红色警示字，如何做到？_随笔

方法一、可以加载js插件（网上有很多这类验证表单的插件）

方法二、自己手动写，比如：

</div>

</form>

function check_form(f){

if(f.name.value == ''){

$('input[name="name"]').after('<span style="color:red">请填写姓名</span>')

return false

}

return true

}

function clear_error(o){

$(o).siblings('span').remove()

}

</script>

这是最简单的，只能帮你到这了

<head>

<style>

div{ color:red}

div p{ color: #ff0}

</style>

</head>

<body>

<div>

如何在一段红字中，<p>插入一段黄字</p>

</div>

</body>

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

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

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

error()

function error() {

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

}

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

欢迎分享，转载请注明来源：内存溢出

html中文本框未输入，旁边立刻出现红色警示字，如何做到？