我试图使用 jquery、ajax 和 php 构建登录和注册表单。但是当我按下注册按钮时，我会收到此错误。
<!-- Formular for signing up -->
<form method="post">
<div class="form-group">
<label> Username </label>
<input type="text" class="form-control" name="newusername">
</div>
<div class="form-group">
<label> Password </label>
<input type="password" class="form-control" name="newpassword">
</div>
<div class="form-group">
<label> Your club </label>
<input type="text" class="form-control" name="newclub">
</div>
<button type="button" onClick='reg' class="btn btn-success">Sign up!</button>
</form>
这是我的脚本代码
$(document).ready(function () {
// Function for registrate of new users
function reg(newusername, newpassword, newclub) {
$.post('class/callingClass.php', {
newusername: 'newusername',
newpassword: 'newpassword',
newclub: 'newclub'
});
};
});
从onXYZ属性事件处理程序调用的函数必须是全局函数（这是不使用它们的几个原因之一）。您的reg函数不是全局函数，它很好地包含在您的ready回调中（这是一件好事™，全局命名空间已经非常拥挤并且容易发生冲突）。
另外，onClick='reg'不起作用，则必须onClick='reg()'.
相反，通过on动态挂reg：
<button type="button" id="btn-reg" class="btn btn-success">Sign up!</button>
<!-- Removed onClick, added id -->
和
$(document).ready(function () {
$("#btn-reg").on("click", reg); // <== Added
// Function for registrate of new users
function reg(newusername, newpassword, newclub) {
$.post('class/callingClass.php', {
newusername: 'newusername',
newpassword: 'newpassword',
newclub: 'newclub'
});
};
});
我在上面使用了id，但它不一定是id，这只是查找元素的一种方法。任何能找到它的CSS选择器都可以。
使用 onClick='reg()' .您需要在此处执行函数调用，这是正确的语法。
更新 ：您还需要将函数移到$(document).ready(function(){})之外。