cari

Rumah  >  Artikel  >  hujung hadapan web  >  JavaScript如何实现表单提交之后提交按钮禁用的方法详解

JavaScript如何实现表单提交之后提交按钮禁用的方法详解

黄舟
黄舟asal
2017-07-22 14:04:423299semak imbas

这篇文章主要介绍了javascript实现表单提交后，提交按钮不可用的方法,涉及javascript动态修改表单样式的技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了javascript实现表单提交后，提交按钮不可用的方法。分享给大家供大家参考。具体如下：

这里使用javascript控制表单提交后，提交按钮不可用，可以防止用户多次提交。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>表单提交后按钮禁用</title>
<script type="text/javascript">
function sub() {
  document.forms[0].elements[0].disabled = true;
  document.forms[0].submit();
}
</script>
</head>
<body>
  <form action="login.action" method="post">
    <input type="button" name="btn" value="提交表单"
 onclick="return sub();" />
  </form>
</body>
</html>

Atas ialah kandungan terperinci JavaScript如何实现表单提交之后提交按钮禁用的方法详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：详解JavaScript中submit与button提交表单的区别Artikel seterusnya：JavaScript去除数组中的重复元素方法实例汇总

Artikel berkaitan

Lihat lagi