applyVerify.js 7.5 KB

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