前端开发中有什么优秀的js表单验证框架

JavaScript023

前端开发中有什么优秀的js表单验证框架,第1张

jquery validate

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、运行效果

<!--仅是简单的示例,内容正则校验和其他功能需要再进一步完善-->