100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery写验证表单实例代码

jQuery写验证表单实例代码

时间:2024-06-26 17:16:45

相关推荐

jQuery写验证表单实例代码

web前端|js教程

jQuery,表单,验证

web前端-js教程

//运用jQuery写的验证表单

谁有笑话源码,ubuntu升级微信,如何抓网页爬虫,php中单引号和双引号哪个快,影音影院seolzw

body {font: 12px/19px Arial, Helvetica, sans-serif;color: #666;}form div {margin: 5px 0;}.int label {float: left;width: 100px;text-align: right;}.int input {padding: 1px 1px;border: 1px solid #ccc;height: 16px;}.sub {padding-left: 100px;}.sub input {margin-right: 10px;}.formtips {width: 200px;margin: 2px;padding: 2px;}.onError {background: #FFE0E9 url(images/reg3.jpg) no-repeat 0 center;padding-left: 25px;}.onSuccess {background: #E9FBEB url(images/reg4.jpg) no-repeat 0 center;padding-left: 25px;}.high {color: red;}$(function () { $("form :input.required").each(function () {var $required = $("*");$(this).parent().append($required); }) $("form :input").blur(function () {var $parent = $(this).parent();$(".formtips").remove();if ($(this).is("#username")) {if (this.value == \ || this.value.length < 6) {var errmsg = 请输入正确的格式.; $parent.append(\ + errmsg + \) } else {var sucssemsg = 格式输入正确; $parent.append(\ + sucssemsg + \) }}if ($(this).is("#email")) {//邮箱格式正则表达式的用法if (this.value == \ || ( this.value != "" && !/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value) )) {var errmsg = 请输入正确的格式.; $parent.append(\ + errmsg + \) } else {var sucssemsg = 格式输入正确; $parent.append(\ + sucssemsg + \) }} }) $("#send").click(function () {var onerr = $(this).parent().siblings().children().hasClass("onError");//出错就会添加class为onerror的元素if(onerr) {return false; } else { alert("你已经注册成功了"); }} ) $("#reset").click(function () {$(".formtips").remove(); }) })

网页右菜单源码,vscode现在无法连接,ubuntu 软转发,tomcat关闭事件,用SQLITE查询完整用法,大脚插件界面方案,前端框架现在最火的是哪个,安卓爬虫模拟器,php操作mysql 类,连江正规seo介绍,网站模板html源码下载,safari网页显示404错误,ecshop 模板 版权lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。