注册表单验证脚本

<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. 我的Android进阶之旅------>Android中MediaRecorder.stop()报错 java.lang.RuntimeException: stop failed.【转】

    本文转载自:http://blog.csdn.net/ouyang_peng/article/details/48048975 今天在调用MediaRecorder.stop(),报错了,java.l ...

  2. C语言strdup()函数:复制字符串【转】

    本文转载自:http://c.biancheng.net/cpp/html/166.html 头文件:#include <string.h> 定义函数:char * strdup(cons ...

  3. hebernate基础学习2---属性

    ---------------------------------------------------------------------------------------------------- ...

  4. HIT1917Peaceful Commission(2-SAT)

    Peaceful Commission   Source : POI 2001   Time limit : 10 sec   Memory limit : 32 M Submitted : 2112 ...

  5. [Swift通天遁地]七、数据与安全-(13)单元测试的各个状态和应用

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

  6. display:none 和 hidden 区别

  7. sessionStorage 的使用

    sessionStorage 的使用: sessionStorage.removeItem("data"); sessionStorage.getItem("data&q ...

  8. 【转】Linux 之 数据流重定向

    转自:http://www.linuxidc.com/Linux/2012-09/69764.htm linux在你登入时,便将默认的标准输入.标准输出.标准错误输出安排成你的终端.I/O重定向就是你 ...

  9. Android项目实战_手机安全卫士splash界面

    - 根据代码的类型组织包结构 1. 界面 com.hb.mobilesafe.activities 2. 服务 com.hb.mobilesafe.services 3. 业务逻辑 com.hb.mo ...

  10. [Windows Server 2008] 安装Apache+PHP+MySQL

    ★ 欢迎来到[护卫神·V课堂],网站地址:http://v.huweishen.com★ 护卫神·V课堂 是护卫神旗下专业提供服务器教学视频的网站,每周更新视频.★ 本节我们将带领大家:Win2008 ...