registered.js 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. import '../css/bootstrap.less';
  2. import 'bootstrap/dist/js/bootstrap.js';
  3. import '../css/public.css';
  4. import '../css/registered.css';
  5. import './public.js'
  6. (function(){
  7. //选择专家和企业时要切换
  8. var panduan;
  9. $("#zhuangjia").click(function(){
  10. panduan=$("#zhuangjia").val();
  11. if(panduan==0){
  12. $(".businessName").css("display","block");
  13. $(".linkmanName").css("display","block");
  14. $(".zhuangjiaName").css("display","none");
  15. }
  16. });
  17. $("#qiye").click(function(){
  18. panduan=$("#qiye").val();
  19. if(panduan==1){
  20. $(".businessName").css("display","none");
  21. $(".linkmanName").css("display","none");
  22. $(".zhuangjiaName").css("display","block");
  23. }
  24. });
  25. //修改单选框的样式
  26. $('#checks').attr('checked',false)
  27. $('.login_check label input').click(function(){
  28. var Cheack=$(this).prop('checked')
  29. if(Cheack){
  30. $(this).parent().css({"background":"url(../imgeck_lo.png) no-repeat center left","background-size":"25% 40%"})
  31. }else{
  32. $(this).parent().css({"background":"url(../imgeck_lono.png) no-repeat center left","background-size":"25% 40%"})
  33. }
  34. });
  35. //表单验证
  36. $('.sub').attr('disabled', true)
  37. $('.sub').css({background: '#CCCCCC',border: 'none'})
  38. var pattern = /^1[3|4|5|7|8][0-9]{9}$/;//手机验证正则
  39. var pass_pattern=/^\w{6,12}$/; //密码验证正则
  40. $('#username,#userpassword,#piccode,#photo_num,#business,#linkman,#man').keyup(function() {
  41. $('.sub').attr('disabled', true)
  42. $('.sub').css({background: '#CCCCCC',border: 'none'})
  43. var pp = $('#username').val();//手机号码
  44. var mim = $('#userpassword').val();//密码
  45. var toname = $('#business').val();//企业名称
  46. var lxr = $('#linkman').val();//企业联系人
  47. var zj=$('#man').val();//联系人
  48. var yzm = $('#piccode').val();//验证码
  49. var sjyzm = $('#photo_num').val();//手机验证码
  50. var typel = $('#zhuangjia').prop("checked") ? '1' : '0';
  51. if(typel==1){
  52. if(pp!==''&&toname!==''&&lxr!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)){
  53. $('.sub').attr('disabled', false);
  54. $('.sub').css({background: '#F18101',border: 'none'})
  55. }
  56. }
  57. if(typel==0){
  58. if(pp!==''&&zj!==''&&mim!==''&& pass_pattern.test(mim) && sjyzm!==''&& yzm!==''&&pattern.test(pp)){
  59. $('.sub').attr('disabled', false);
  60. $('.sub').css({background: '#F18101',border: 'none'})
  61. }
  62. }
  63. })
  64. //密码
  65. function pass1(){
  66. $('#userpassword').blur(function () {
  67. var pass1 = $(this).val();
  68. if (pass1=='') {
  69. $(this).val('');
  70. $(this).attr('placeholder', '请输入6-12位数密码');
  71. } else if (!pass_pattern.test(pass1)) {
  72. $(this).val('');
  73. $(this).attr('placeholder', '格式:字母、数字、下划线');
  74. }
  75. });
  76. }
  77. pass1();
  78. //密码相同
  79. pass2();
  80. function pass2(){
  81. //密码相同验证
  82. $('#userpassword2').blur(function () {
  83. var orepeat = $(this).val();
  84. var passw = $('#userpassword').val();
  85. if (passw !== orepeat) {
  86. $(this).val('');
  87. $(this).attr('placeholder', '两次密码不相同')
  88. } else if (passw == '') {
  89. $(this).val('');
  90. $(this).attr('placeholder', '请再次输入密码')
  91. }
  92. });
  93. $('#userpassword').blur(function () {
  94. var tt=$(userpassword2).val();
  95. var kk=$(this).val();
  96. if ($(this).val() == '') {
  97. $('#userpassword2').attr('placeholder', '请再次输入密码')
  98. }else if(tt!==kk){
  99. $('#userpassword2').val('');
  100. $('#userpassword2').attr('placeholder', '两次密码不相同')
  101. }
  102. })
  103. }
  104. //手机号码
  105. function photo1(){
  106. var pho_pattern=/^1[3|4|5|7|8][0-9]{9}$/;
  107. $('#username').blur(function () {
  108. var pho = $(this).val();
  109. if (pho=='') {
  110. $(this).val('');
  111. $(this).attr('placeholder', '请输入您的手机号码');
  112. } else if (!pho_pattern.test(pho)) {
  113. $(this).val('');
  114. $(this).attr('placeholder', '请输入正确的手机号码');
  115. }
  116. })
  117. }
  118. photo1();
  119. //手机号码验证
  120. function photo_num(){
  121. $('#photo_num').blur(function () {
  122. var phoa = $(this).val();
  123. if (phoa=='') {
  124. $(this).val('');
  125. $(this).attr('placeholder', '请输入手机上的验证码');
  126. }
  127. })
  128. }
  129. photo_num();
  130. //单位名称
  131. function photo_name(){
  132. $('#business').blur(function () {
  133. var name = $(this).val();
  134. if (name=='') {
  135. $(this).val('');
  136. $(this).attr('placeholder', '请填写工商局注册的全称');
  137. }
  138. })
  139. }
  140. photo_name();
  141. //联系人名称
  142. function lxr_name(){
  143. $('#linkman').blur(function () {
  144. var name = $(this).val();
  145. if (name=='') {
  146. $(this).val('');
  147. $(this).attr('placeholder', '请填写单位联系人的姓名');
  148. }
  149. })
  150. }
  151. lxr_name();
  152. //专家名称
  153. function zj_name(){
  154. $('#man').blur(function () {
  155. var name = $(this).val();
  156. if (name=='') {
  157. $(this).val('');
  158. $(this).attr('placeholder', '请填写您的姓名');
  159. }
  160. })
  161. }
  162. zj_name();
  163. //手机号码验证
  164. //$('#username').blur(function() {
  165. // var kk = $(this).val();
  166. // if (pattern.test(kk) && kk !=='') {
  167. // $('.sub').attr('disabled', false);
  168. // $('.sub').css({
  169. // background: '#428bca',
  170. // border: '1px solid #428bca'
  171. // })
  172. // } else {
  173. // $('.sub').attr('disabled', true)
  174. // $('.sub').css({
  175. // background: '#CCCCCC',
  176. // border: 'none'
  177. // })
  178. // };
  179. //
  180. //});
  181. //表单提交
  182. $("form").submit(function(e) {
  183. var user = $("#username").val();
  184. var password = $("#userpassword").val();
  185. var types = $('#zhuangjia').prop("checked") ? '1' : '0';//团体/个人
  186. var oname = $('#business').val();//企业名称
  187. var opeople = $('#linkman').val();//联系人
  188. var Code = $("#piccode").val();
  189. var mobileCode = $('#photo_num').val();//手机验证码
  190. e.preventDefault();
  191. console.log(user, password, types, oname, opeople, Code, mobileCode);
  192. $.ajax({
  193. type: "POST",
  194. dataType: "json",
  195. url: globalConfig.context + "/register",
  196. data: {
  197. "mobile": user,
  198. "password": password,
  199. "type": types,
  200. "companyName": oname,
  201. "contacts": opeople,
  202. "verficationCode":Code,
  203. "mobileCode": mobileCode
  204. },
  205. success: function (data) {
  206. if (data.error && data.error.length) {
  207. $('.msg span').html(data.error[0].message);
  208. console.log(data.error[0].message);
  209. } else {
  210. console.log(data);
  211. $('.msg span').html("恭喜注册成功!")
  212. return true;
  213. }
  214. }
  215. })
  216. })
  217. })();