$.ajaxForm提交表单和 $.blur()验证焦点离开

 1 //页面加载完成之后
 2             $(function(){
 3                 //给Form表单绑定一个ajaxForm函数
 4                 $("#orgForm").ajaxForm({
 5                     beforeSubmit:function(){
 6                         
 7                         //设置同步ajax
 8                         $.ajaxSetup({
 9                             async:false
10                         });
11                         
12                         //保存按钮失效
13                         $("#saveBtn").attr("disabled","disabled");
14                         
15                         $("#message").html("正在保存数据请稍后...");
16                         
17                         //触发所有需要校验项的blur事件
18                         $(".required").blur();
19                         
20                         //获取所有提示信息的span
21                         /* $(".requiredSpan").each(function(i){
22                             //可通过this获取当前遍历的对象
23                         }); */
24                         /* $.each(数组，function(i,n){
25                             i 当前遍历元素的下标
26                             n 当前遍历出的元素对象
27                             this 当前元素对象  和n含义相同
28                         }); */
29                         var flag = true;
30                         $.each($(".requiredSpan"),function(i,n){
31                             if(this.innerHTML!=""){
32                                 flag = false;
33                                 return false;
34                             }
35                         });
36                         if(!flag){
37                             $("#message").html("数据非法请检查...");
38                         }
39                         
40                         return flag;
41                     },
42                     success:function(jsonObject){
43                         //该功能希望服务器端响应Json数据
44                         //{"success":true,"data":{"parentId":"","itemId":"","itemText":""}}成功     
45                         //{"success":false}失败
46                         if(jsonObject.success){
47                             $("#message").html("保存数据成功");
48                             
49                             var tree = window.parent.I1.tree;
50                             var parentId = jsonObject.data.parentId;
51                             var itemId = jsonObject.data.itemId;
52                             var itemText = jsonObject.data.itemText;
53                             tree.insertNewChild(parentId,itemId,itemText);
54                         }else{
55                             $("#message").html("保存数据失败");                                
56                         }
57                         
58                         //设置同步ajax
59                         $.ajaxSetup({
60                             async:false
61                         });
62                         //恢复保存按钮功能
63                         $("#saveBtn").removeAttr("disabled");
64                     }
65                 });
66                 
67                 //给机构代码的文本框注册一个失去焦点事件
68                 $("#code").blur(function(){
69                         var code = this.value;//dom编程，和jquery没有关系，this表示当前文本框对象
70                         
71                         //去除前后空白
72                         code = $.trim(code);
73                         
74                         //判断是否为空
75                         if(code==""){
76                             //为空的话提示用户
77                             $("#codeRequiredSpan").html("机构代码不能为空");
78                         }else{
79                             var regExp = /^[a-zA-Z0-9]+$/;
80                             var ok = regExp.test(code);
81                             alert(ok);
82                         }    
83                         
84                         if(!ok){
85                             $("#codeRequiredSpan").html("机构代码只能包含字母和数字");
86                         }else{
87                             $.get("${pageContext.request.contextPath}/org/getByCode.action",{"org.code":code,"_":new Date().getTime()},function(jsonObject){
88                                 if(jsonObject.success){
89                                     //不重复  验证通过
90                                     $("#codeRequiredSpan").html("");
91                                 }else{
92                                     //重复  验证失败
93                                     $("#codeRequiredSpan").html("机构代码已存在");
94                                 }
95                             });
96                         
97                         }
98                 });
99             </script>
posted on 2017-10-25 17:43 Sharpest 阅读(350) 评论(0) 收藏举报