注册表单验证脚本

<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. P3258 [JLOI2014]松鼠的新家 树链剖分

    这个题就是一道树剖板子题,就是每走一步就把所有的经过点加一就行了.还有,我的树剖板子没问题!!!谁知道为什么板子T3个点!我不管了!反正这道题正常写A了. 题干: 题目描述 松鼠的新家是一棵树,前几天 ...

  2. Coursera Algorithms week3 快速排序 练习测验: Decimal dominants(寻找出现次数大于n/10的元素)

    题目原文: Decimal dominants. Given an array with n keys, design an algorithm to find all values that occ ...

  3. 清北刷题班day3 morning

    P99zhx: 竞赛时间:???? 年?? 月?? 日??:??-??:??题目名称 a b c名称 a b c输入 a.in b.in c.in输出 a.out b.out c.out每个测试点时限 ...

  4. [Swift通天遁地]八、媒体与动画-(2)实现视频文件的播放和画中画

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  5. @RequestParam 和 @RequestBody 接受的时间格式

    这两个接受的时间格式不相同 首先看一下他们的区别 @RequestParam用来处理Content-Type: 为 application/x-www-form-urlencoded编码的内容.(Ht ...

  6. ACM_哥德巴赫猜想(素数筛)

    哥德巴赫猜想 Time Limit: 2000/1000ms (Java/Others) Problem Description: 哥德巴赫猜想大概是这么一回事:“偶数(>=4) == 两个质数 ...

  7. ACM_小游戏(棋盘博弈)

    Problem Description: 最近kiki无事可做,于是他想玩棋盘游戏.棋盘的大小是n * m.首先,棋子放置在右上角(1,m). 每次可以将棋子向左方,下方或左下方移动一个位置.当移动到 ...

  8. netty学习:UDP服务器与Spring整合

    最近接到一个关于写UDP服务器的任务,然后去netty官网下载了netty的jar包(netty-4.0.49.Final.tar.bz2),解压后,可以看到上面有不少example,找到其中的关于U ...

  9. InputStream和Reader

    java.io下面有两个抽象类:InputStream和ReaderInputStream是表示字节输入流的所有类的超类Reader是用于读取字符流的抽象类InputStream提供的是字节流的读取, ...

  10. java中的结构--switch选择结构

    if-switch 选择结构 switch结构可以更好的解决等值判断问题switch 选择结构的语法:switch (表达式){ case 常量 1: //代码块1: break; case 常量 2 ...