先看下现在的页面,文字显示的就是默认的黑色字体。
为.font 这个样式规则添加样式代码,很简单,就是添加color的样式,样式值为红色:red。代码如图。
再看下我们的网页,文字的颜色已经变成红色了。
方法一、可以加载js插件(网上有很多这类验证表单的插件)方法二、自己手动写,比如:
<form method="post" action="" onsubmit="return check_form(this)">
<div class="item">
<input type="text" name="name" oninput="clear_error(this)"/>
</div>
<button type="submit">提交</button>
</form>
<script type="text/javascript" src="引用jquery.js"></script>
<script type="text/javascript">
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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)