formvalidator.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <div style="margin-top:10px;" class="lr-form-container" id="formvalidtest">
  2. <div class="lr-form-row">
  3. <font face="宋体">*</font>
  4. <label>普通输入框</label>
  5. <input id="input1" type="text" isvalid="yes" checkexpession="NotNull" errormsg="普通输入框">
  6. </div>
  7. <div class="lr-form-row lr-form-row-multi">
  8. <label>多行输入框</label>
  9. <textarea id="input3" isvalid="yes" checkexpession="NotNull" errormsg="多行输入框"></textarea>
  10. </div>
  11. <div class="lr-form-row">
  12. <font face="宋体">*</font>
  13. <label>密码输入框</label>
  14. <input id="input2" type="password" isvalid="yes" checkexpession="NotNull" errormsg="密码输入框">
  15. </div>
  16. <div class="lr-form-row">
  17. <font face="宋体">*</font>
  18. <label>一级选择</label>
  19. <div id="select1" isvalid="yes" checkexpession="NotNull" errormsg="一级选择"></div>
  20. </div>
  21. <div class="lr-form-row">
  22. <label>二级选择</label>
  23. <div id="select2"></div>
  24. </div>
  25. <div class="lr-form-row">
  26. <label>三级选择</label>
  27. <div id="select3"></div>
  28. </div>
  29. <div class="lr-form-row">
  30. <label>开关</label>
  31. <div id="switch1"></div>
  32. </div>
  33. <div class="lr-form-row">
  34. <font face="宋体">*</font>
  35. <label>多选框</label>
  36. <div id="checkbox1" isvalid="yes" checkexpession="NotNull" errormsg="多选框"></div>
  37. </div>
  38. <div class="lr-form-row">
  39. <font face="宋体">*</font>
  40. <label>日期</label>
  41. <div id="date1" isvalid="yes" checkexpession="NotNull" errormsg="日期"></div>
  42. </div>
  43. <div class="lr-form-row">
  44. <label>选择日期</label>
  45. <div id="date2"></div>
  46. </div>
  47. <div class="lr-form-row">
  48. <label>选择时间</label>
  49. <div id="date3"></div>
  50. </div>
  51. <div class="lr-form-row">
  52. <label>选择月份</label>
  53. <div id="date4"></div>
  54. </div>
  55. </div>
  56. <div style="padding:10px;">
  57. <button id="btnvalid1" type="button" class="lr-btn-primary lr-btn-block">
  58. 验证表单
  59. </button>
  60. <button id="btnvalid2" type="button" class="lr-btn-primary lr-btn-block">
  61. 获取表单数据
  62. </button>
  63. <button id="btnvalid3" type="button" class="lr-btn-primary lr-btn-block">
  64. 设置表单数据
  65. </button>
  66. </div>