在表单脚本中禁用“输入”键

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在表单脚本中禁用“输入”键相关的知识,希望对你有一定的参考价值。

  1. <script type="text/javascript">
  2.  
  3. /***********************************************
  4. * Disable "Enter" key in Form script- By Nurul Fadilah([email protected])
  5. * This notice must stay intact for use
  6. * Visit http://www.dynamicdrive.com/ for full source code
  7. ***********************************************/
  8.  
  9. function handleEnter (field, event) {
  10. var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
  11. if (keyCode == 13) {
  12. var i;
  13. for (i = 0; i < field.form.elements.length; i++)
  14. if (field == field.form.elements[i])
  15. break;
  16. i = (i + 1) % field.form.elements.length;
  17. field.form.elements[i].focus();
  18. return false;
  19. }
  20. else
  21. return true;
  22. }
  23.  
  24. </script>
  25.  
  26. <!-- html -->
  27. <form>
  28. <input type="text" onkeypress="return handleEnter(this, event)"><br>
  29. <input type="text" onkeypress="return handleEnter(this, event)"><br>
  30. <textarea>Some text</textarea>
  31. </form>

以上是关于在表单脚本中禁用“输入”键的主要内容,如果未能解决你的问题,请参考以下文章

禁用表单的输入密钥

禁用特定文本框上的输入键

如何在输入 12 个字母的文本之前禁用按钮?

JavaScript 禁用表单中的Enter键

远程表单提交禁用的输入

按钮将禁用,直到所有输入未被填满 无法正常工作