m_applyVerify.js 7.6 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. /*
  42. * http://www.jq22.com/yanshi15047
  43. */
  44. /*------------------------------------以下是封装的方法-----------------------------------------------------*/
  45. var PublicAction1 = {
  46. /* AjaxSend-----Ajax发送*/
  47. "AjaxSend" :function(e,fnEnd){
  48. var self = this, result;
  49. // 获取
  50. var oid = e.CORID, //ID
  51. url = '/enroll/hksignup', //提交地址
  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. // console.log(oid)
  71. if(oid != 'winsi-btn'){
  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. console.log('1')
  81. }
  82. }else {
  83. $('body .alert-container').remove(); //删除尾部添加弹窗
  84. self.hint('请输入正确的手机号码!');
  85. $than.removeAttr('disabled');
  86. ControlSwitch = false; //开关为false
  87. return false;
  88. }
  89. }
  90. data[InputName]=txt;
  91. }
  92. })
  93. if(ControlSwitch){ //当电话号码验证不通过时,不执行以下操作
  94. $.ajax({
  95. type:type,
  96. url:url,
  97. data:data,
  98. async:async,
  99. dataType:'json',
  100. error : function(request) {
  101. // alert("未提交成功!");
  102. // 特殊处理
  103. $('body .alert-container').remove(); //删除尾部添加弹窗
  104. self.hint('未提交成功!');
  105. $than.removeAttr('disabled');
  106. // RemoveDiv(); //数据提交成功后关闭弹出层 测试用
  107. },
  108. success : function(data) {
  109. $('body .alert-container').remove(); //删除尾部添加弹窗
  110. var msg = data.msg;
  111. if(data.data != null){
  112. msg = ReturnInfo(data.data);
  113. /*判断调方法时,是否传回调方法;有则执行,否执行默认方法*/
  114. fnEnd ? fnEnd() : self.hint(data.msg);
  115. $than.removeAttr('disabled');
  116. return ;
  117. }
  118. /*判断调方法时,是否传回调方法;有则执行,否执行默认方法*/
  119. fnEnd ? fnEnd() : self.hint(data.msg);
  120. RemoveDiv(); //数据提交成功后关闭弹出层
  121. $than.removeAttr('disabled');
  122. }
  123. });
  124. event.preventDefault(); //阻止form表单默认提交
  125. return false;
  126. }
  127. })
  128. },
  129. /*-----------------------------------------------------------------------------------------*/
  130. /* 过滤代码标签 */
  131. "FilterHTMLTag" : function(htmlStr){
  132. var msg = htmlStr.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag
  133. return msg;
  134. },
  135. /*-----------------------------------------------------------------------------------------*/
  136. /* 电话验证 */
  137. "PhoneVerification" : function (tel) {
  138. // var pattern = /(13\d|14[57]|15[^4,\D]|17[678]|18\d)\d{8}$|170[059]\d{7}$/,
  139. // str = tel;
  140. // return pattern.test(tel);
  141. return tel;
  142. },
  143. /*-----------------------------------------------------------------------------------------*/
  144. /* 提示方法优化 */
  145. "hint":function(txt){
  146. /*调用方法*/
  147. var M = {};
  148. if(M.dialog1){
  149. return M.dialog1.show();
  150. }
  151. M.dialog1 = jqueryAlert({
  152. 'content' : txt, //txt 提示内容
  153. 'closeTime' : 2000,
  154. })
  155. },
  156. }
  157. $(function(){
  158. //报名验证及提交的调用
  159. PublicAction.AjaxSend(
  160. {
  161. CORID:'apply_submit', /*操作ID*/
  162. }
  163. );
  164. })