提交时切换按钮

Question

How do i switch one button off and another on, onsubmit. Just like when someone sends a friend request to another on facebook. When the user click on send friend request, the button then changes to friend request sent. here's my html. how do i do that with jquery or ajax

<tr>
          <td bgcolor="#eaeaea"><div align="center" id="send_msg">
            <input type="submit" name="button3" id="button3" value="Send Message" />
          </div></td>
          <td bgcolor="#eaeaea"><div id="msg_sent">
            <input type="submit" name="button2" id="button2" value="Message Sent" />
          </div></td>
        </tr>

Answer 1

You can catch "submit" event in the forms events (need a bit of JS, also possible with JQuery).

See this: http://www.w3schools.com/jsref/event_form_onsubmit.asp

In your onsubmit JS function you'd typically change object properties that need to be changed (hide buttons, enable/disable etc.)

It is, however, possibly better to include one DIV (with ID) where you can show status (e.g. "message has been sent") and enable/disable send button, but that is rather a matter of your design decisions.