identity.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. {extend name="layout/base" /}
  2. {block name="title"}<title>实名认证_账号安全_麻花网络个人中心</title>{/block}
  3. {block name="header"}
  4. <link rel="stylesheet" href="__STATIC__/css/mobile/form.css">
  5. {/block}
  6. {block name="content"}
  7. <header>
  8. <a href="{:getMobileUserCenterUrl(4)}"><img src="__STATIC__/images/mobile/icon/left.png" class="back"></a>
  9. <h1>实名认证</h1>
  10. </header>
  11. <form class="form identity">
  12. <p>根据《网络游戏管理暂行办法》,麻花网络游戏用户需要使用有效身份证进行实名认证。</p>
  13. <p> 实名后无法修改,请务必填写真实信息,我们将全力保证您的账户资料安全。</p>
  14. <div class="warp-input">
  15. <p>姓名:</p>
  16. <input type="text" placeholder="请输入姓名" id="fullname" name="fullname" autocomplete="off">
  17. <img src="__STATIC__/images/mobile/icon/close-01.png" class="cancel">
  18. </div>
  19. <div class="warp-input">
  20. <p>身份证号:</p>
  21. <input type="number" placeholder="请输入身份证号" id="idnumber" name="idnumber" autocomplete="off">
  22. <img src="__STATIC__/images/mobile/icon/close-01.png" class="cancel">
  23. </div>
  24. <input type="button" value="确认" class="submit clickable" />
  25. </form>
  26. {/block}
  27. {include file="layout/footer" /}
  28. {/block}
  29. {block name="detail_js"}
  30. <script>
  31. $(" #idnumber,#fullname").keyup(function() {
  32. var text = $(this).val();
  33. if (text != "") {
  34. $(this).next().show();
  35. } else {
  36. $(this).next().hide();
  37. }
  38. })
  39. $(".cancel").click(function() {
  40. $(this).prev().val("");
  41. $(this).hide();
  42. })
  43. // 粘贴事件监控
  44. $.fn.pasteEvents = function(delay) {
  45. if (delay == undefined) delay = 10;
  46. return $(this).each(function() {
  47. var $el = $(this);
  48. $el.on("paste", function() {
  49. $el.trigger("prepaste");
  50. setTimeout(function() {
  51. $el.trigger("postpaste");
  52. }, delay);
  53. });
  54. });
  55. };
  56. // 使用
  57. $("#idnumber,#fullname").on("postpaste", function() {
  58. var text = $(this).val();
  59. if (text != "") {
  60. $(this).next().show();
  61. } else {
  62. $(this).next().hide();
  63. }
  64. }).pasteEvents();
  65. $(".submit").click(function(){
  66. var fullname = $("#fullname").val();
  67. var idnumber = $("#idnumber").val();
  68. var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
  69. var nameReg = /^[\u4e00-\u9fa5]{2,10}$/;
  70. var myDate = new Date();
  71. var month = myDate.getMonth() + 1;
  72. var day = myDate.getDate();
  73. var age = myDate.getFullYear() - idnumber.substring(6, 10) - 1;
  74. if(reg.test(idnumber)){
  75. if (idnumber.substring(10, 12) < month || idnumber.substring(10, 12) == month && idnumber.substring(12, 14) <= day) {
  76. age++;
  77. }
  78. }
  79. if(fullname==""){
  80. $.toast("请输入姓名", "text");
  81. }else if(!nameReg.test(fullname)){
  82. $.toast("姓名只能是2-10位的汉字", "text");
  83. }else if(idnumber == ""){
  84. $.toast("请输入身份证号", "text");
  85. }else if(!reg.test(idnumber)){
  86. $.toast("身份证号格式不正确", "text");
  87. }else if(age<6||age>120){
  88. $.toast("您未满足年龄要求(9-120岁),无法通过认证", "text");
  89. }else{
  90. // ajax 提交
  91. $.ajax({
  92. type: 'POST',
  93. url: "/member/personalidentity",
  94. dataType: 'json',
  95. data: {realname:fullname,idcard:idnumber},
  96. success: function(res) {
  97. // console.log(res)
  98. // layer.msg(res.msg);
  99. if(res.code == 1) {
  100. $.toast("实名认证成功","text");
  101. $(".clickable").attr("disabled", "disabled");
  102. setTimeout(function () {
  103. window.location.href=res.url;
  104. },3000);
  105. }else{
  106. $.toast(res.msg,"text");
  107. }
  108. },
  109. error: function () {
  110. $.toast("网络错误,请刷新页面重试", "text");
  111. }
  112. });
  113. }
  114. })
  115. </script>
  116. {/block}