Javascript 未调用提交的jquery例程
我有一个html文件,其内容如下所示,我想在单击提交按钮时将数据发布到某个网页。但是,我没有看到jquery方面的任何动作。有人能告诉我这有什么问题吗Javascript 未调用提交的jquery例程,javascript,jquery,html,Javascript,Jquery,Html,我有一个html文件,其内容如下所示,我想在单击提交按钮时将数据发布到某个网页。但是,我没有看到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/a
<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>
$(“#电子邮件提交)。单击(函数(){
$.post(“mytest.asp”,
{
名称:“唐老鸭”,
城市:“Duckburg”
},
功能(数据、状态){
警报(“数据:+数据+”\n状态:+状态);
});
});
.buttonholder{边框:0px纯灰色;高度:30px;宽度:200px;位置:相对;颜色:灰色;边距:10px}
.holder{边框:2px纯灰色;高度:30px;宽度:200px;位置:相对;颜色:灰色;边距:10px}
div.holder:悬停{边框:2px实心#33b5e5}
.holder输入[type=text]{高度:28px;边框:0;宽度:95%;字体重量:700;轮廓:无;颜色:灰色;字体大小:18px;左填充:5px;右填充:5px}
.holder输入[type=text]:焦点{color:#000}
.holder输入[type=text]:焦点[required=required]{背景色:#f1d1d1}
.holder输入[type=email]{高度:28px;边框:0;宽度:95%;字体重量:700;轮廓:无;颜色:灰色;字体大小:18px;左侧填充:5px;右侧填充:5px}
.holder输入[type=email]:焦点{color:#000}
.holder输入[type=email]:焦点[required=required]{背景色:#f1d1d1}
.holder.mask left{位置:绝对;顶部:-2px;左侧:-2px;宽度:2px;高度:80%;背景色:#fff}
.holder.mask right{位置:绝对;顶部:-2px;右侧:-2px;宽度:2px;高度:80%;背景色:#fff}
.holder.mask top{位置:绝对;顶部:-2px;左侧:0;宽度:100%;高度:2px;背景色:#fff}
给我报名。”;
在dom就绪后触发单击事件
$(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就绪:
$(function() {
// your code here
});
我还没有检查代码,但是您错过了双引号“here(“#emailSubmit”)。单击电子邮件提交末尾的(function(){
,试试看这是否是问题所在