Question

我使用Javascript提交表单。一切运作良好，但当人们点击“提交”时，我希望表单淡出一个简单的消息。它需要做的就是更改CSS以淡出表单并淡入消息。没有什么复杂但我不知道jQuery或javascript足以实现这一点。

以下是表单的代码：

<div id="Voicemail">
<input class="vinput" type="text" id="cid_name" />
<label class="vlabel">Your Number</label>
<input class="vinput" type="text" id="cid_number" />
<input class="light_button custom_button" type="submit" name="Voicemail" 
       onclick="send_call()" value="Leave A Voicemail" />
</div>

这是我想要淡入的DIV：

<div id="success-call" class="hide">
<p>You will receive a call momentarily</p>
</div>

这是我感到困惑的地方。如何淡出表格并淡出成功讯息。

感谢您的帮助！

Answer 1

Demo

function send_call(){
    $("#Voicemail,#success-call").fadeToggle();
    // other stuff
}

那将使用jQuery

提交表格时的Javascript转换？

1 个答案:

Demo