基于jQuery实现表单提交验证【jquery】

web前端|js教程

jQuery,表单提交验证

web前端-js教程

html表单代码：

unity棋牌源码下载,ubuntu系统重启卡死,tomcat服务器搭配什么,关于爬虫心得,php编程教程大全学习,富锦seo优化lzw

博客含会员系统源码,vscode与c,成都ubuntu,配置完tomcat,as如何使用sqlite,论坛回复插件,京东的前端用什么框架,为什么爬虫用python,php与asp哪个好,贵阳seo公司教程,微信二维码添加网站,进入网页弹窗源码,婚纱免费模板下载lzw

3d桌面飞行游戏源码,ubuntu 阿里云地址,单页面tomcat404,div爬虫箱,php心理咨询平台,seo创新lzw

用户名：

邮箱：

个人资料：

jQuery代码：

$(function(){

$("form :input.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(\+errorMsg+\);

}else{

var okMsg = 输入正确;

$parent.append(\+okMsg+\);

}

}

if($(this).is(#email)){

if(this.value==""||(this.value!=""&&!/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value))){

var errorMsg = 请输入正确的E-mail地址;

$parent.append(\+errorMsg+\);

}else{

var okMsg = 输入正确;

$parent.append(\+okMsg+\);

}

}

});

$("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(lur);

var numError = $(form .onError).length;

if(numError){

return false;

}

});

$("#res").click(function(){

var $parent = $(this).parent().parent();

$parent.find(".formtips").remove();

});

});

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