為什么點擊按鈕一點反應都沒有
<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>
2019-01-22
仔細看老師代碼,jQuery(document).ready(function(){里面是有個點擊事件的,你好像是把點擊事件放在外面了
2019-01-14
但是一旦把return false加進去以后就執行無反應了
2019-01-14
已解決,系統重新運行可以