<html>
<head>
<title>获取验证码</title>
<meta charset="utf-8">
<script src="E:/myeclipsefile/static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
</head>
<body>
<div>
<h3>
获取otp信息
</h3>
<div>
<label>手机号</label>
<div>
<input type="text" placeholder="手机号" name="telphone" id="telphone">
</div>
</div>
<div>
<button id="getotp" type="submit">获取otp短信</button>
</div>
</div>
</body>
<!-- <script >
$("#getotp").on("click",function(){
li=document.getElementById("telphone").val();
alert(li);
});
});
</script> -->
<script >
jQuery(document).ready(function(){
//绑定otp的click事件用于向后端发送获取手机验证码的请求
var telphone=$('#telphone').value;
if (telphone==null||telphone=="") {
alert("手机号不能为空");
//绑定otp的click事件用于向后端发送获取手机验证码的请求
var telphone=$("#telphone").val();
if (telphone==null||telphone=="") {
alert("手机号不能为空");
//javascript会冒泡传递到上一层，所以将其设为false就不会传递
//return false;
}
jQuery(document).ready(function(){
$("#getotp").on("click",function(){
$.ajax({
type:"POST",
//指定url的格式
contentType:"application/x-www-form-urlencoded",
url:"http://localhost:8090/user/getotp",
data:{
"telphone":$("#telphone").val(),
},
success:function(data){
if (data.status=="success") {
alert("验证码已发送，请注意查收");
}else{
alert("发送失败"+data.data.errMsg);
}
},
error:function(data){
alert("otp发送失败，原因为"+data.responseText);
}
});
return false;
});
});
</script>
</html>
仔细看老师代码，jQuery(document).ready(function(){里面是有个点击事件的，你好像是把点击事件放在外面了
但是一旦把return false加进去以后就执行无反应了
已解决，系统重新运行可以