payPsMoneyPassword.html 5.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <ion-view view-title="修改密码">
  2. <div class="bar bar-header">
  3. <div class="button button-icon icon pus_blue" ng-click="goback()"></div>
  4. <button class="button button-icon icon goback" ng-click="goback()"></button>
  5. <h1 class="bar_title"> {{ishaspaypassword==0?'设置':'修改'}}支付密码</h1>
  6. </div>
  7. <ion-content style="background-color:#fff;overflow-x:hidden;overflow-y:visible;" class="has-header">
  8. <div>
  9. <img src="img/push_login.png" width="50%" height="35" style="display: block;margin:50px auto 53px"/>
  10. </div>
  11. <div class="login-mian" >
  12. <span class="paywordSpan" ng-if="ishaspaypassword==0">*普适币支付密码初始设置需要验证用户登录密码</span>
  13. <span class="paywordSpan" ng-if="ishaspaypassword!=0">*普适币修改支付密码需要验证原支付密码</span>
  14. <div class="login-content">
  15. <div class="blank-h12"></div>
  16. <div class="blank-h12"></div>
  17. <form name="myForm" ng-submit="" novalidate="novalidate">
  18. <div class="input-wrap row row-center" style="width: 90%;border: 1px solid #ccc; height: 50px;margin: 0 auto 19px;border-radius: 4px;top: -12px;">
  19. <label class="left-icon-wrap">
  20. {{ishaspaypassword==0?'登录':'原支付'}}密码
  21. </label>
  22. <input type="password" class="col login-input" placeholder="输入{{ishaspaypassword==0?'登录':'原支付'}}密码" ng-model="paypwdobj.oldpwd" required ng-focus ng-maxlength="20" ng-minlength="6" name="oldpwd" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/>
  23. <!--<span class="login_pep"></span>-->
  24. </div>
  25. <div>
  26. <div style="width: 100%; height: 20px; position: absolute;top:38px;">
  27. <span class="tel_error" ng-if="(myForm.oldpwd.$invalid && myForm.oldpwd.$dirty && !myForm.oldpwd.$focused) || (myForm.oldpwd.$invalid && submitted)">
  28. <small ng-if="myForm.oldpwd.$error.minlength">*密码不能少于6位</small>
  29. <small ng-if="myForm.oldpwd.$error.maxlength">*密码不能多于20位</small>
  30. <small ng-if="myForm.oldpwd.$error.required">*密码不能为空</small>
  31. </span>
  32. </div>
  33. </div>
  34. <div class="input-wrap row row-center" style="width: 90%;border: 1px solid #ccc; height: 50px;margin: 0 auto 19px;border-radius: 4px;top: -12px;">
  35. <label class="left-icon-wrap">
  36. 支付密码
  37. </label>
  38. <input type="password" class="col login-input" placeholder="输入6位数字的支付密码" ng-model="paypwdobj.paypwd" required
  39. ng-focus
  40. ng-maxlength="6"
  41. ng-minlength="6"
  42. name="paypwd" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"/>
  43. <!--<span class="login_pep"></span>-->
  44. </div>
  45. <div>
  46. <div style="width: 100%; height: 20px; position: absolute;top:105px;">
  47. <span class="tel_error" ng-if="(myForm.paypwd.$invalid && myForm.paypwd.$dirty && !myForm.paypwd.$focused) || (myForm.paypwd.$invalid && submitted)">
  48. <small ng-if="myForm.paypwd.$error.minlength">*密码不能少于6位</small>
  49. <small ng-if="myForm.paypwd.$error.maxlength">*密码不能多于6位</small>
  50. <small ng-if="myForm.paypwd.$error.required">*密码不能为空</small>
  51. </span>
  52. </div>
  53. </div>
  54. <div class="input-wrap row row-center" style="width: 90%;border: 1px solid #ccc; height: 50px;margin: 0 auto 19px;border-radius: 4px;top: -12px;">
  55. <label class="left-icon-wrap">
  56. 重复密码
  57. </label>
  58. <input type="password" class="col login-input" placeholder="重复6位数字的支付密码" ng-model="paypwdobj.repaypwd"
  59. name="repaypwd" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" required
  60. ng-focus
  61. ng-maxlength="6"
  62. ng-minlength="6"/>
  63. <!--<span class="login_pep"></span>-->
  64. </div>
  65. <div style="width: 100%; height: 20px; position: absolute;top:177px;">
  66. <span class="tel_error" ng-if="(myForm.repaypwd.$invalid && myForm.repaypwd.$dirty && !myForm.repaypwd.$focused) || (myForm.repaypwd.$invalid && submitted)">
  67. <small ng-if="myForm.repaypwd.$error.minlength">*密码不能少于6位</small>
  68. <small ng-if="myForm.repaypwd.$error.maxlength">*密码不能多于6位</small>
  69. <small ng-if="myForm.repaypwd.$error.required">*密码不能为空</small>
  70. </span>
  71. <span class="tel_error" ng-if="myForm.repaypwd.$valid">
  72. <small ng-if="paypwdobj.repaypwd!=paypwdobj.paypwd">*密码和确认密码不一致!!</small>
  73. </span>
  74. </div>
  75. <button class="button button-block button-positive my_login" ng-click="upPaypwd()" type="submit" ng-disabled="(myForm.oldpwd.$pristine||myForm.repaypwd.$pristine)||(myForm.oldpwd.$dirty&& myForm.oldpwd.$invalid)||(myForm.repaypwd.$dirty&& myForm.repaypwd.$invalid)||(paypwdobj.repaypwd!=paypwdobj.paypwd)">
  76. 提交
  77. </button>
  78. </form>
  79. </div>
  80. </div>
  81. </ion-content>
  82. </ion-view>