提交的Jquery例程没有被调用
jquery routine for the submit is not getting called
我有一个html文件的内容如下所示,我想POST数据到一些网页,当提交按钮被点击。但是,我没有看到jquery方面的任何动作。有人能告诉我有什么问题吗?
<HTML>
<HEAD>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script>
$("#emailSubmit).click(function(){
$.post("mytest.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data, status){
alert("Data: " + data + "'nStatus: " + status);
});
});
</script>
<STYLE>
.buttonholder{border:0px solid gray;height:30px;width:200px;position:relative;color:gray;margin:10px}
.holder{border:2px solid gray;height:30px;width:200px;position:relative;color:gray;margin:10px}
div.holder:hover{border:2px solid #33b5e5}
.holder input[type=text]{height:28px;border:0;width:95%;font-weight:700;outline:none;color:gray;font-size:18px;padding-left:5px;padding-right:5px}
.holder input[type=text]:focus{color:#000}
.holder input[type=text]:focus[required=required]{background-color:#f1d1d1}
.holder input[type=email]{height:28px;border:0;width:95%;font-weight:700;outline:none;color:gray;font-size:18px;padding-left:5px;padding-right:5px}
.holder input[type=email]:focus{color:#000}
.holder input[type=email]:focus[required=required]{background-color:#f1d1d1}
.holder .mask-left{position:absolute;top:-2px;left:-2px;width:2px;height:80%;background-color:#fff}
.holder .mask-right{position:absolute;top:-2px;right:-2px;width:2px;height:80%;background-color:#fff}
.holder .mask-top{position:absolute;top:-2px;left:0;width:100%;height:2px;background-color:#fff}
</STYLE>
</HEAD>
<BODY>
<form id="ccSelectForm">
<img src="./gettrixwhite.png" alt="My logo" align="middle" >
<div class="holder">
<input type="text" id="inputFirstName" placeholder="First Name *" required="required" />
<div class="mask-left"></div>
<div class="mask-right"></div>
<div class="mask-top"></div>
</div>
<div class="holder">
<input type="text" id="inputLastName" placeholder="Last Name *" required="required" />
<div class="mask-left"></div>
<div class="mask-right"></div>
<div class="mask-top"></div>
</div>
<div class="holder">
<input type="email" id="inputEmail" placeholder="Email *" required="required" />
<div class="mask-left"></div>
<div class="mask-right"></div>
<div class="mask-top"></div>
</div>
<div class="buttonholder">
<button type="button" id="emailSubmit" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="Click here to sign up">Sign me up. »</button>
</div>
</form>
</BODY>
</HTML>
dom准备好后触发click
事件
$(function() {
$('#emailSubmit').click(function(){
$.post("mytest.asp",
{
name: "Donald Duck",
city: "Duckburg"
},
function(data){
// make sure you are returing something.
alert("Data: " + data);
});
});
});
语法错误:
$("#emailSubmit) //missing quotes at end
还需要包装成dom ready:
$(function() {
// your code here
});
相关文章:
- 多个JavaScript子例程的实时DOM显示
- 支持 JavaScript 的检查例程适用于 Chrome/Opera/IE,但不适用于 Firefox/Safari
- 更合乎逻辑的设置超时例程
- 当访问文件时,我可以自动调用例程或函数吗
- 访问Chrome'的内部gzip例程
- Django:如何将模板变量传递给JavaScript OnClick例程
- 使用“;调解员”;作为侦听块例程中的汇点
- 看不到如何将洪水填充例程更改为 DFS 例程
- 使用异步子例程对一组函数进行计时
- 使用 attributes.add 在客户端更改文本框时调用例程
- 一个按钮上的多操作与javascript例程
- Facebook 信用回调例程未调用
- 我将如何使用闭包在 C# 中重写此 JavaScript 例程
- 如何将动画例程转换为通用的、可重用的 jQuery 函数
- 鼠标左键单击与 JavaScript 中的右键单击例程冲突
- Promise/A+ with chain then() 回调用例
- ActiveX多线程调用javascript回调例程出现问题
- 提交的Jquery例程没有被调用
- HTML 如何调用验证例程
- JavaScript 调用带有参数的 VBA 例程