提交按钮变灰了

时间:2011-06-22 11:57:49

标签: onclick submit

我在表单上有一个非常重要的提交按钮。我不希望用户多次点击它。有没有办法让它在点击后无法点击或变灰。 (也许是点击事件?)。我的简单代码在

下面
<form method='POST'  action='index.php'>
<input type='text' name='text' id='text'>
<input type ='submit' value='submit' name='submit'>
</form>

2 个答案:

答案 0 :(得分:4)

您可以使用onclick事件来抓取按钮并将其disabled属性设置为true。

<input type ='submit' value='submit'
       id="my_submit_button"  name='submit' 
       onclick="document.getElementById('my_submit_button').disabled = 'disabled'">

disabled属性的语法非常愚蠢,为什么它不是boolean我不知道但是它是什么:

http://www.w3schools.com/tags/att_input_disabled.asp

答案 1 :(得分:0)

只需在按钮中添加以下onClick属性:

<input type="submit" value="submit" name="submit" 
onclick="
  if(!submitted) {
    this.value = 'Please wait...';
    this.disabled = true;
    submitted = true;
    return true;
  } else {
    return false;
  }
">