jQuery表单校验

小小Demo：

<script>$(function () {//给username绑定失去焦点事件
        $("#username").blur(function () {//得到username文本框的值var nameValue = $(this).val();//每次清除数据
            $("table font:first").remove();//校验username是否合法if (nameValue == "") {$(this).parent().append("<font class='error' color = 'red'>你输入的用户名为空</font>");} else {$(this).parent().append("<font  color = 'blue'>可以使用！</font>");}});//给邮箱绑定失去焦点事件
        $("#email").blur(function () {//得到文本框的值var myemail = $(this).val();//每次失去焦点先清除之前的数据
            $("#email+font").remove();//定义邮箱校验正则var reg = /^\w{6,20}@(\w{2,6}\.)+\w{2,6}$/;if (reg.test(myemail)) {$(this).parent().append("<font color = 'blue'>邮箱合法！</font>");} else {$(this).parent().append("<font class='error' color = 'red'>邮箱不合法！</font>");}});//绑定表单提交事件(表单是否提交，由表单的submit事件返回ture还是false决定)
        $("form").submit(function () {//主动触发输入框的失去焦点事件
            $(":text,:password").trigger("blur");//判断页面中是否Error的fontif ($(".error").size() >= 1) {return false;}return true;});});
</script>

转载于:https://www.cnblogs.com/laodang/p/8961392.html

jQuery表单校验相关推荐

轻量级的jQuery表单校验插件: Happy.js
当前已经有许多jQuery表单校验插件,并且有些也很不错,但这些插件功能太强大,使用比较复杂.如果你想找一个简单点的插件 Happy.js 刚好是一个很好的选择. 这个插件是轻量级的,所以只支持一些输 ...
jQuery表单校验jquery.validate.js的使用
jQuery是一个快速.简洁的js库,为网站的快速开发简化了HTML文档遍历,事件处理,动画,以及Ajax交互.使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅 ...
JQuery 表单校验
表单校验的作用为什么要进行表单验证:保证数据符合要求为什么要进行JavaScript或者jQuery表单验证: 1.降低服务器端负担 2.还可以进行服务器验证(JSP) 正则表达式为什么使用正则 ...
JQuery 表单校验插件 validate 使用纪录
JS诞生其中一个目的就是将, 服务器端的校验在客户端提前完成, 以避免用户提交数据后, 后台校验报错的糟糕用户体验. 基于JQuery库的有很多优秀的插件, 其中对于浏览器端表单进行验证的基本功能也有 ...
java jsp校验提示信息_java Jquery表单校验代码jsp页面
jsp.file 欢迎注册EasyMall /* 注册表单的js校验 */ var formObj = { /* 检查输入项是否为空 */ "checkNull" : functi ...
【前端3】jquary：页面加载，选择器，隔行换色，Dom，全选，动画，遍历，广告/抽奖，表单校验插件
文章目录 1.jquery框架引入:$("mydiv") 当成id选择器 2.jquery版本/对象:$(js对象) -> jquery对象 3.jquery的页面加载事件: ...
实战课【1】jQuery实现表单校验及布局
实战课[1]jQuery实现表单校验及布局在学习完html,css,js,mysql,jdbc,Servlet,filter,ajax,maven等web基础知识后,开始进行项目实战.此文就会记录在 ...
jQuery formValidator表单校验代码生成器ver1.0
发表感言很感谢一直在支持我的网友们,感谢你们对插件改进的建议.虽然最近坐的脖子和屁股痛,但是我还是用休息时间完成了这个代码生成器的开发,再次感谢支持我的网友们. 谈一下写代码生成器的目的 ...
jquery validate表单校验
https://blog.csdn.net/pengjunlee/article/details/80685500 jquery validate表单校验

jQuery表单校验

小小Demo：

jQuery表单校验相关推荐

最新文章

热门文章