tipsText表单验证(注册)
注册表单验证脚本
<script src="/assets/skins/js/jquery-1.11.2.min.js"></script>
<script src="/scripts/jquery/jquery.form.min.js" type="text/javascript"></script>
<script src="/scripts/jquery/Validform_v5.3.2_min.js" type="text/javascript"></script>
<script src="/scripts/jquery/Validform_Datatype.js" type="text/javascript"></script>
<script>
$('#reg-form').Validform({
tiptype: function (msg, o, cssctl) {
if (o.obj.parents("li").find(".infotip").length == 0) {
o.obj.parents("li").append("<div class='infotip' />");
o.obj.parents("li").next().find(".infotip").remove();
}
var objtip = o.obj.parents("li").find(".infotip");
cssctl(objtip, o.type);
objtip.text(msg);
//if (o.type == 3) {
// o.obj.focus();
// $("#tipsText").html(msg);
//}
},
callback: function (form) {
$(form).ajaxSubmit({
url: "/Handle/Reg.ashx?action=reg",
type: "post",
dataType: "json",
beforeSubmit: function (formData, jqForm, options) {
$("#tipsText").html("");
$('#regist_submit_btn').val('正在注册...').attr('disabled', !0);
},
success: function (data, textStatus) {
if (data.status == "failure") {
$("#check_code_tips").html(data.msg);
//$("#checkCode").attr("src", "/tools/verify_code.ashx?" + Math.random());
window.setTimeout(function () {
$('#regist_submit_btn').val('注册').attr('disabled', !1);
}, 1000);
} else if (data.status == "success") {
$('#regist_submit_btn').val('注册成功,页面正在跳转中...');
window.setTimeout(function () {
window.location.href = "/UserCenter";
}, 1000);
} else {
$('#regist_submit_btn').val('注册').attr('disabled', !1);
//$("#checkCode").attr("src", "/tools/verify_code.ashx?" + Math.random());
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#tipsText").html(textStatus + ":" + errorThrown);
}
});
return false;
}
});
</script>
tipsText表单验证(注册)的更多相关文章
- jQuery/javascript实现网页注册的表单验证
<html> <head> <meta charset="utf-8"> <title>注册表单验证</title> & ...
- 模拟js中注册表单验证
示例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
- 4.前端注册表单验证 && 表单回填
表单验证 前端表单验证就是在 jsp 页面中添加验证逻辑,使得注册表单在传入后台之前先进行一次表单验证 在jsp文件里的 head 块里面添加 jQuery 代码 <script type=&q ...
- 2018.7.6 js实现点击事件---点击小图出现大图---时间定时器----注册表单验证
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...
- jsp注册页面验证,easyui的jsp+js表单验证
1.1下面的代码是写在Js里面的,就直接写进去不用什么其他东西,这样一个表单验证就好了(1.2图) $.extend($.fn.validatebox.defaults.rules, { phone: ...
- form表单验证-Javascript
Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...
- 实现跨浏览器html5表单验证
div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...
- jQuery Validate 表单验证 — 用户注册简单应用
相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...
- jquery validate表单验证插件-推荐
1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
随机推荐
- Linux/Android多点触摸协议【转】
本文转载自: 链接点击打开链接 关于Linux多点触摸协议大家可以参考kernel中的文档:https://www.kernel.org/doc/Documentation/input/multi-t ...
- tiny4412 裸机程序 七、重定位代码到DRAM【转】
本文转载自:http://blog.csdn.net/eshing/article/details/37116637 一.关于DRAM 上一章我们讲解了如何对代码进行重定位,但是将代码重定位到只有25 ...
- SignalR -- server push 利器
实际上关于SignalR的介绍网上有很多,这里不做过多赘述,我们来看下官方网站的描述. [摘录自http://signalr.net/] What is ASP.NET SignalR ASP.NET ...
- C++11系列-什么是C++11
什么是C++0x? C++0x是C++最新标准标准化过程中的曾用名,在这一系列文章中我们将介绍最新标准添加的一系列新的语言特性.在2011年9月份,C++0x正式由官方发布并命名C++11,现在很多编 ...
- hebernate基础学习2---属性
---------------------------------------------------------------------------------------------------- ...
- 344 Reverse String 反转字符串
请编写一个函数,其功能是将输入的字符串反转过来.示例:输入:s = "hello"返回:"olleh"详见:https://leetcode.com/probl ...
- Coursera公开课-Machine_learing:编程作业8(2016-10-06 20:49)
Anomaly Detection and Recommender Systems 本周编程作业分为两部分:异常检测和推荐系统. 异常检测:本质就是使用样本的到特种值的gaussian分布,来预估正确 ...
- 【LeetCode】-- 260. Single Number III
问题描述: https://leetcode.com/problems/single-number-iii/ 在一个数组里面,只有两个元素仅出现过1次,其余都出现过两次.找出出现仅一次的那两个(a, ...
- Laravel5.1学习笔记12 系统架构4 服务容器
Service Container 介绍 绑定的用法 绑定实例到接口 上下文绑定 标签 解析 容器事件 #介绍 The Laravel service container is a powerful ...
- 初学者Android studio安装
学习过java基础,最近趁着大量课余时间想学习Android开发.百度很多资料Android studio,由Google开发的开发工具,那就不需要再多说.对于初学者的我来说,一定足够用了.此文主要介 ...