form.html 777 B

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. <form id="register" action="#" >
  9. <input type="text" onblur="onblurfunc" name="username" />
  10. <input type="submit" value="提交">
  11. </form>
  12. <script>
  13. const usernameInput = document.getElementsByName("username")[0]
  14. usernameInput.onblur = function(){
  15. if ( this.value.length < 6 ) {
  16. alert("长度不允许小于6位")
  17. this.value = ""
  18. }
  19. }
  20. function submit(){
  21. const username = usernameInput.value
  22. if ( username ) {
  23. return true
  24. }
  25. alert("用户名必须输入")
  26. return false
  27. }
  28. document.querySelector("#register").onsubmit = submit
  29. </script>
  30. </body>
  31. </html>