jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
该插件是由 Jörn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUnit 的维护人员。该插件在 2006 年 jQuery 早期的时候就已经开始出现,并一直更新至今。目前版本是 1.14.0。
访问 jQuery Validate 官网,下载最新版的 jQuery Validate 插件。
1、javascript校验
<input id="username" onkeyup="check()"/><span id="inf_n"></span><script>
function check(){
var name=document.getElementById("username").value
var sp_inf_n=document.getElementById("inf_n")
if(name){
sp_inf_n.style="color:green"
sp_inf_n.innerHTML="*√"
}else{
sp_inf_n.style="color:red"
sp_inf_n.innerHTML="*请输入内容!"
}
}
</script>
2、运行效果
<!--仅是简单的示例,内容正则校验和其他功能需要再进一步完善-->