applyVerify.js 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  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. * 1 => 列表-立即咨询
  36. * <--- 手机端 --->
  37. * 0 => 楼盘首页-优惠获取
  38. * 1 => 楼盘首页-看房定制
  39. *
  40. *
  41. * */
  42. /*---------------------------弹窗调用的方法说明-----------------------------------------------*/
  43. /*
  44. * http://www.jq22.com/yanshi15047
  45. */
  46. /*------------------------------------以下是封装的方法-----------------------------------------------------*/
  47. var PublicAction = {
  48. /* AjaxSend-----Ajax发送*/
  49. "AjaxSend" :function(e,fnEnd){
  50. var self = this, result;
  51. // 获取
  52. var oid = e.CORID, //ID
  53. url = '/enroll/signup', //提交地址
  54. type = "POST", //提交方式
  55. async = true; //同步或异步
  56. //点击提交按钮触发事件
  57. /*
  58. * 2018-10-9 对 $('.' + oid).on('click',function(){}) 进行修改如下
  59. * 因为对于动态添加报名窗口时,不能执行以下事件
  60. */
  61. $("body").on('click','.'+ oid,function(){
  62. var $than =$(this);
  63. $than.attr('disabled','disabled');
  64. var that = $(this).parents('form.submit_area'); //获取当前父层
  65. var data = {}, //定义一个对象
  66. ControlSwitch = true; //定义一个开关
  67. that.find('input').each(function () { //遍历父层中所有input
  68. var name = $(this).attr('name'); //当前input 中有name属性
  69. if(typeof name == 'string'){ //input 标签中有name属性才进行以下操作
  70. var txt = $(this).val(); //input 值
  71. var InputName = $(this).attr('name'); //属于 name 的值
  72. txt = self.FilterHTMLTag(txt); //去掉标签
  73. /* 验证电话码号 */
  74. if(InputName == 'mobile'){
  75. if(txt != ""){
  76. if(! self.PhoneVerification(txt)){ //验证电话号码
  77. // 特殊处理
  78. $('body .alert-container').remove(); //删除尾部添加弹窗
  79. self.hint('请输入正确的手机号码!');
  80. $than.removeAttr('disabled');
  81. ControlSwitch = false; //开关为false
  82. return false;
  83. }
  84. }else {
  85. $('body .alert-container').remove(); //删除尾部添加弹窗
  86. self.hint('请输入正确的手机号码!');
  87. $than.removeAttr('disabled');
  88. ControlSwitch = false; //开关为false
  89. return false;
  90. }
  91. }
  92. data[InputName]=txt;
  93. }
  94. })
  95. if(ControlSwitch){ //当电话号码验证不通过时,不执行以下操作
  96. $.ajax({
  97. type:type,
  98. url:url,
  99. data:data,
  100. async:async,
  101. dataType:'json',
  102. error : function(request) {
  103. // alert("未提交成功!");
  104. // 特殊处理
  105. $('body .alert-container').remove(); //删除尾部添加弹窗
  106. self.hint('未提交成功!');
  107. $than.removeAttr('disabled');
  108. // RemoveDiv(); //数据提交成功后关闭弹出层 测试用
  109. },
  110. success : function(data) {
  111. $('body .alert-container').remove(); //删除尾部添加弹窗
  112. var msg = data.msg;
  113. if(data.code == 300){
  114. if (data.data!=null) {
  115. msg = ReturnInfo(data.data);
  116. };
  117. /*判断调方法时,是否传回调方法;有则执行,否执行默认方法*/
  118. fnEnd ? fnEnd() : self.hint(msg);
  119. $than.removeAttr('disabled');
  120. return ;
  121. }
  122. /*判断调方法时,是否传回调方法;有则执行,否执行默认方法*/
  123. fnEnd ? fnEnd() : self.hint(msg);
  124. RemoveDiv(); //数据提交成功后关闭弹出层
  125. $than.removeAttr('disabled');
  126. }
  127. });
  128. event.preventDefault(); //阻止form表单默认提交
  129. return false;
  130. }
  131. })
  132. },
  133. /*-----------------------------------------------------------------------------------------*/
  134. /* 过滤代码标签 */
  135. "FilterHTMLTag" : function(htmlStr){
  136. var msg = htmlStr.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag
  137. return msg;
  138. },
  139. /*-----------------------------------------------------------------------------------------*/
  140. /* 电话验证 */
  141. "PhoneVerification" : function (tel) {
  142. var pattern = /(13\d|14[57]|15[^4,\D]|17[678]|18\d)\d{8}$|170[059]\d{7}$/,
  143. str = tel;
  144. return pattern.test(tel);
  145. },
  146. /*-----------------------------------------------------------------------------------------*/
  147. /* 提示方法优化 */
  148. "hint":function(txt){
  149. /*调用方法*/
  150. var M = {};
  151. if(M.dialog1){
  152. return M.dialog1.show();
  153. }
  154. M.dialog1 = jqueryAlert({
  155. 'content' : txt, //txt 提示内容
  156. 'closeTime' : 2000,
  157. })
  158. },
  159. }
  160. $(function(){
  161. //报名验证及提交的调用
  162. PublicAction.AjaxSend(
  163. {
  164. CORID:'apply_submit', /*操作ID*/
  165. }
  166. );
  167. })