注册表单验证脚本

<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表单验证(注册)的更多相关文章

  1. jQuery/javascript实现网页注册的表单验证

    <html> <head> <meta charset="utf-8"> <title>注册表单验证</title> & ...

  2. 模拟js中注册表单验证

    示例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...

  3. 4.前端注册表单验证 && 表单回填

    表单验证 前端表单验证就是在 jsp 页面中添加验证逻辑,使得注册表单在传入后台之前先进行一次表单验证 在jsp文件里的 head 块里面添加 jQuery 代码 <script type=&q ...

  4. 2018.7.6 js实现点击事件---点击小图出现大图---时间定时器----注册表单验证

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  5. jsp注册页面验证,easyui的jsp+js表单验证

    1.1下面的代码是写在Js里面的,就直接写进去不用什么其他东西,这样一个表单验证就好了(1.2图) $.extend($.fn.validatebox.defaults.rules, { phone: ...

  6. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  7. 实现跨浏览器html5表单验证

    div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: ...

  8. jQuery Validate 表单验证 — 用户注册简单应用

    相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...

  9. jquery validate表单验证插件-推荐

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

随机推荐

  1. ios14--购物车优化2

    // // ViewController.m // 03-综合练习 // // Created by xiaomage on 15/12/28. // Copyright © 2015年 小码哥. A ...

  2. java web中路径问题。

    转自:http://blog.csdn.net/liang5630/article/details/38474543 如有侵权,请及时联系本人及时删除 在java web种经常出现 404找不到网页的 ...

  3. [SDOI 2009] 晨跑

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=1877 [算法] 不难看出,第一问要求的是最大流,第二问求的是最小费用最大流 注意建图 ...

  4. B1297 [SCOI2009]迷路 矩阵

    这个题我觉得很有必要写一篇博客.首先,我们需要知道,假如一个邻接矩阵只有0/1构成,那么它自己的n次方就是走n步之后的方案数.但这个题还有2~9咋办呢.我们观察发现,这个题只有10个点,而且边权< ...

  5. codevs3342绿色通道(单调队列优化dp)

    3342 绿色通道  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 黄金 Gold   题目描述 Description <思远高考绿色通道>(Green Pass ...

  6. List 序列化

    序列化list http://kchen.cnblogs.com/ 通过序列化和反序列化泛型数据实体集合来实现持久化数据对象的方法 通过序列化和反序列化泛型数据实体集合来实现持久化数据对象的方法 我们 ...

  7. POJ 1584 计算几何

    思路: 求一遍凸包 用三角形面积(叉积求一下)/边长 求出来高,跟半径比一比 坑点:凸包上三点共线 //By SiriusRen #include <cmath> #include < ...

  8. Spark RDD/Core 编程 API入门系列之简单移动互联网数据(五)

    通过对移动互联网数据的分析,了解移动终端在互联网上的行为以及各个应用在互联网上的发展情况等信息. 具体包括对不同的应用使用情况的统计.移动互联网上的日常活跃用户(DAU)和月活跃用户(MAU)的统计, ...

  9. 数字签名与数字证书以及https

    数字签名与数字证书以及httpshttps://blog.csdn.net/lzghxjt/article/details/79604602

  10. node or gulp 使用

    ##MAC 升级node.js的方法 ###第一步,先查看本机node.js版本: $ node -v ###第二步,清除node.js的cache: $ sudo npm cache clean - ...