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

2024年11月05日 05:44
有2个网友回答
网友(1):

你好 做个例子给你 但是纯html是不可能的 必须附带js 我这里用的jquery方便点


下面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去数据库中间查询返回结果
希望能帮到你 谢谢

网友(2):

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