JavaScript学习笔记2--表单只提交一次

在Web页面上提交表单的时候，可能用户比较不耐烦，不停的点击提交按钮.对于这个问题，
简单的情况可能是发送多次重复的请求，加重服务器的负担。如果是在线交易，有可能多
从信用卡里扣钱。解决的方法很简单，就是在用户提交一次后，将提交按钮禁用，看下面
的例子：

 

< html >
< head >
< title > 用户注册 </ title >
</ head >
< body >
< form  name ="form1"  action =" " >
用 户 名： < input  type ="text"  name ="txtName"  size ="20"   />< br  />
密    码： < input  type ="password"  name ="txtPassword"  size ="20"   />< br  />
确认密码： < input  type ="password"  name ="txtRePassword"  size ="20"   />< br  />
电子信箱： < input  type ="text"  name ="txtEmail"  size ="20"   />< br  />
< input  type ="submit"  name ="submitForm1"  value ="提交"  
onclick ="this.disabled=true;this.form.submit()"   />< br  />
</ form >
</ html >  

 

onclick="this.disabled=true;this.form.submit()"，表示当点击“提交”按钮后，通过将按
钮的disabled特性设为true来禁用按钮，然后通过this.form来引用当前的表单，也就是form1,
然后执行表单的submit()方法来提交表单。这里需要注意的是提交按钮的type属性不能为submit
,如果把type属性设为submit,然后通过onclick来禁用它，会导致表单不被提交。