表单提交时的Javascript转换?
我正在使用Javascript提交表单。所有的工作都很好,但当用户点击“提交”时,我希望表单在一条简单的消息中消失。它所需要做的就是更改CSS以淡出表单并淡入消息。没什么复杂的,但我对jQuery或javascript了解不够,无法实现这一点 以下是表格的代码:表单提交时的Javascript转换?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用Javascript提交表单。所有的工作都很好,但当用户点击“提交”时,我希望表单在一条简单的消息中消失。它所需要做的就是更改CSS以淡出表单并淡入消息。没什么复杂的,但我对jQuery或javascript了解不够,无法实现这一点 以下是表格的代码: <div id="Voicemail"> <input class="vinput" type="text" id="cid_name" /> <label class="vlabel">Your N
<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>
你马上就会接到一个电话
这就是我困惑的地方。如何淡出表格,淡入成功信息
谢谢你的帮助
这将使用jQuery完成
如果您更改
$(“#语音信箱,#成功呼叫”).fadeToggle(),则可以使用jQuery实现
到$(“#语音邮件”).fadeToggle(函数(){$(“#成功调用”).fadeToggle()})代码>,你不会得到令人讨厌的抽搐效果。真的。我的是异步的,但这可能是海报真正想要的。谢谢!起初无法让它工作,然后我意识到我有jQuery 1.4.1,需要1.4.4才能使切换正常工作。谢谢你的帮助,现在效果很好!如果更改$(“#语音信箱,#成功呼叫”).fadeToggle()
到$(“#语音邮件”).fadeToggle(函数(){$(“#成功调用”).fadeToggle()})代码>,你不会得到令人讨厌的抽搐效果。真的。我的是异步的,但这可能是海报真正想要的。谢谢!起初无法让它工作,然后我意识到我有jQuery 1.4.1,需要1.4.4才能使切换正常工作。谢谢你的帮助,现在效果很好!
function send_call(){
$("#Voicemail,#success-call").fadeToggle();
// other stuff
}