Question

在html中怎样实现表单验证并在控件后面输出动态提示

Answer 1

你好 做个例子给你 但是纯html是不可能的 必须附带js 我这里用的jquery方便点
<input type="text" name="checkname" id="a"/>
<div id="b" style="width:20px;height:20px;border:1px solid red;display:none;"></div>
下面jquery 假设验证必须为数字 并为6位数
function check(){
$("#b").show
var reg = /^\d{6}$/
if(!reg.test($("#a").val())){
$("#b").text("错误")
}else{
$("#b").text("正确")
}

}

$(function(){
$("#a").blur(function(){
check();
})
})
效果就是 本来提示都是隐藏的
然后文本框失去焦点时触发 提示的div显示 并且 若文本框中的值不满足6位数字 显示错误
否则 显示正确
另外 楼上的朋友说的也没错 不过 动态验证需要ajax 如若是这种定死的 则不需要
而且 格式验证是不会用ajax做的 都是js做 不然浪费多少服务器资源？ 只有判断用户名是否重复 这种才会用ajax去数据库中间查询返回结果
希望能帮到你 谢谢

Answer 2

这个是Ajax，是HTML中的js代码，配合服务器的代码实现