我正在尝试使用 PHP、AJAX 和 MySql 开发一个简单的登录页面。 经过长时间的斗争，我这样做了:
<head>
<link rel="stylesheet" type="text/css" href="css\\login.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
function do_login()
{
var username=$("#username").val();
var pass=$("#password").val();
if(email!="" && pass!="")
{
$.ajax
({
type:'post',
url:'serveur.php',
data:{
do_login:"do_login",
username:username,
password:pass
},
success:function(response) {
if(response=="success")
{
window.location.href="index.php";
console.log(1);
}
else
{
alert("Wrong Details");
console.log(0);
}
}
});
}
else
{
alert("Please Fill All The Details");
}
return false ;
}
</script>
</head>
</style>
<body>
<div class="login-page">
<div class="form">
<form class="login-form">
<input type="username" placeholder="username" id="text" />
<input type="password" placeholder="password" id="password" />
<button type="submit" id="loginButt" onclick="do_login()">login</button>
<p class="message"><a href="1stPage.html">Go Back</a></p>
<div id="resultat ">Authentification result Here ....</div>
</form>
</div>
</div>
</body>
但是我有这个错误信息:
Uncaught ReferenceError: do_login is not defined at HTMLButtonElement.onclick
最佳答案
你的 <script>标签有主体和 src属性。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
// This is the body of the script tag
function do_login() {
//...
}
</script>
src <script> 的属性标签优先于标签的主体(参见 JavaScript: Inline Script with SRC Attribute? )。所以这意味着你的 do_login函数实际上从未被定义:(
尝试将其更改为
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" />
<script type="text/javascript">
function do_login() {
//...
}
</script>
关于javascript - 未捕获的 ReferenceError : do_login is not defined at HTMLButtonElement. onclick，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42476394/