applyVerify2.js 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. // 报名调用方法
  2. /*--------------------------------- HTML 说明 --------------------------------------------------------*/
  3. /*
  4. * HTML 添加的样式 form中添加submit_area样式
  5. * 提交按钮添加apply_submit样式
  6. * */
  7. // <form class="submit_area">
  8. // <div class="y_reduced_left">
  9. // <input type="hidden" name="aid" value="0">
  10. // <input name="telecall" type="text" class="y_input_name" placeholder="您的称呼">
  11. // <input name="mobile" type="text" class="y_input_mobile" placeholder="您的电话">
  12. // <input type="button" class="y_input_submit apply_submit" value="提 交">
  13. // </div>
  14. // </form>
  15. /*---------------------------------- 报名提交调用方法 -------------------------------------------------------*/
  16. /*
  17. * 调用的方法
  18. * */
  19. // PublicAction.AjaxSend(
  20. // {
  21. // CORID:'apply_submit', /*操作ID*/
  22. // }
  23. // );
  24. /*----------------------------------- 隐藏 input 传值的说明 ------------------------------------------------------*/
  25. /*
  26. * aid 楼盘ID ( 属于楼盘为楼盘ID,不属于楼盘为公共报名为0 )
  27. * SourceModule 来源ID ( 来源哪个页面的哪个报名窗口 )
  28. * equipment 来源设备 ( PC端 P 或 2,手机端 M 或 1 )
  29. *
  30. *
  31. * */
  32. /*----------------------------------- SourceModule 标识说明 -----------------------------------------------------*/
  33. /* <--- pc 端 --->
  34. * 0 => 列表-降价通知
  35. * <--- 手机端 --->
  36. * 0 => 楼盘首页-优惠获取
  37. *
  38. *
  39. * */
  40. /*---------------------------弹窗调用的方法说明-----------------------------------------------*/
  41. /*
  42. * http://www.jq22.com/yanshi15047
  43. */
  44. /*------------------------------------以下是封装的方法-----------------------------------------------------*/
  45. var PublicAction = {
  46. /* AjaxSend-----Ajax发送*/
  47. "AjaxSend" :function(e,fnEnd){
  48. var self = this, result;
  49. // 获取
  50. var oid = e.CORID, //ID
  51. url = '/enroll/signup', //提交地址
  52. type = "POST", //提交方式
  53. async = true; //同步或异步
  54. //点击提交按钮触发事件
  55. $('.'+ oid).on('click',function(){
  56. var $than =$(this);
  57. $than.attr('disabled','disabled');
  58. var that = $(this).parents('form.submit_area'); //获取当前父层
  59. var data = {}, //定义一个对象
  60. ControlSwitch = true; //定义一个开关
  61. that.find('input').each(function () { //遍历父层中所有input
  62. var name = $(this).attr('name'); //当前input 中有name属性
  63. if(typeof name == 'string'){ //input 标签中有name属性才进行以下操作
  64. var txt = $(this).val(); //input 值
  65. var InputName = $(this).attr('name'); //属于 name 的值
  66. txt = self.FilterHTMLTag(txt); //去掉标签
  67. /* 验证电话码号 */
  68. if(InputName == 'mobile'){
  69. if(txt != ""){
  70. if(! self.PhoneVerification(txt)){ //验证电话号码
  71. // 特殊处理
  72. $('body .alert-container').remove(); //删除尾部添加弹窗
  73. self.hint('请输入正确的手机号码!');
  74. $than.removeAttr('disabled');
  75. ControlSwitch = false; //开关为false
  76. return false;
  77. }
  78. }else {
  79. $('body .alert-container').remove(); //删除尾部添加弹窗
  80. self.hint('请输入正确的手机号码!');
  81. $('.card .m-img').css('border-color','red');
  82. $than.removeAttr('disabled');
  83. ControlSwitch = false; //开关为false
  84. return false;
  85. }
  86. }
  87. data[InputName]=txt;
  88. }
  89. })
  90. if(ControlSwitch){ //当电话号码验证不通过时,不执行以下操作
  91. $.ajax({
  92. type:type,
  93. url:url,
  94. data:data,
  95. async:async,
  96. dataType:'json',
  97. error : function(request) {
  98. // alert("未提交成功!");
  99. // 特殊处理
  100. $('body .alert-container').remove(); //删除尾部添加弹窗
  101. self.hint('未提交成功!');
  102. $than.removeAttr('disabled');
  103. // RemoveDiv(); //数据提交成功后关闭弹出层 测试用
  104. },
  105. success : function(data) {
  106. $('body .alert-container').remove(); //删除尾部添加弹窗
  107. var msg = data.msg;
  108. if(data.code == 200){
  109. // if(data.data != null){
  110. self.hint(data.msg);
  111. var isA = $('.issue-list ul li').eq(1).find('dl').attr('data-txt');
  112. // 当提交成功时,进行隐藏报名窗口
  113. $('.card').animate({left:'-100%'},function(){
  114. $('.cur').hide();
  115. $('.cust-box').show();
  116. $('.cust-box .cust-list li[data-txt="'+isA+'"]').show();
  117. });
  118. $than.removeAttr('disabled');
  119. return ;
  120. // }
  121. }
  122. self.hint(data.msg);
  123. // RemoveDiv(); //数据提交成功后关闭弹出层
  124. $than.removeAttr('disabled');
  125. }
  126. });
  127. event.preventDefault(); //阻止form表单默认提交
  128. return false;
  129. }
  130. })
  131. },
  132. /*-----------------------------------------------------------------------------------------*/
  133. /* 过滤代码标签 */
  134. "FilterHTMLTag" : function(htmlStr){
  135. var msg = htmlStr.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag
  136. return msg;
  137. },
  138. /*-----------------------------------------------------------------------------------------*/
  139. /* 电话验证 */
  140. "PhoneVerification" : function (tel) {
  141. var pattern = /(13\d|14[57]|15[^4,\D]|17[678]|18\d)\d{8}$|170[059]\d{7}$/,
  142. str = tel;
  143. return pattern.test(tel);
  144. },
  145. /*-----------------------------------------------------------------------------------------*/
  146. /* 提示方法优化 */
  147. "hint":function(txt){
  148. /*调用方法*/
  149. var M = {};
  150. if(M.dialog1){
  151. return M.dialog1.show();
  152. }
  153. M.dialog1 = jqueryAlert({
  154. 'content' : txt, //txt 提示内容
  155. 'closeTime' : 2000,
  156. })
  157. },
  158. }