微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于jQuery实现表单提交验证

html表单代码

代码如下:
用户名: required"/>
required"/>

jQuery代码

代码如下:
required").each(function(){ var $required = $("

*

"); //$(this).parent().append($required); //追加到文档中 $(this).parent().prepend($required); }); $('form :input').blur(function(){ var $parent = $(this).parent(); if($(this).is('#username')){ if(this.value==""||this.value.length<6){ var errorMsg = '请输入至少6位的用户名'; $parent.append(''); }else{ var okMsg = '输入正确'; $parent.append(''); } } if($(this).is('#email')){ if(this.value==""||(this.value!=""))){ var errorMsg = '请输入正确的E-mail地址'; $parent.append(''); }else{ var okMsg = '输入正确'; $parent.append(''); } } }); $("form :input").focus(function(){ var $parent = $(this).parent(); $parent.find(".formtips").remove(); }); $("#send").click(function(){ var $parent = $(this).parent().parent(); $parent.find(".formtips").remove(); $("form .required:input").trigger('blur'); var numError = $('form .onError').length; if(numError){ return false; } }); $("#res").click(function(){ var $parent = $(this).parent().parent(); $parent.find(".formtips").remove(); }); });

代码很简单,也很易懂,小伙伴们直接拿走用吧,这里就不详细说明了。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐