有一个注册表，我检查用户名是否可用。如果可用，则在段落中的用户名字段旁边显示一个文本("可用！"(，如果不可用，则显示("不可用！"(。如果用户名不可用，我不想被提交。
<script type ="text/javascript">
$(function(){
$('#usernameFeedback').load('check.php').show();
$('#usernameID').keyup(function(){
$.post('check.php',{username:registration.username.value},
function(result){
$('#usernameFeedback').html(result).show();
var feedVar = $('#usernameFeedback').text();
});
});
});
</script>
<script>
$(document).ready(function(){
$("#regForm").submit(function(){
alert("HELLO"); // works fine
if ( $('#usernameFeedback').text() == "Not available!" )
return;
event.preventDefault();
});
});
</script>
使用此代码无法正常工作(我是jquery的新手(，如果用户名不可用，则不会留在当前页面中。
将事件传递给函数。
$("#regForm").submit(function(){
应该是
$("#regForm").submit(function(event){
并在与if相同的行中使用return false，因为您没有使用{}
试试这个代码：
$(document).ready(function () {
$("#regForm").submit(function (event) {
event.preventDefault();
alert("HELLO"); // works fine
if ($('#usernameFeedback').text() == "Not available!") {return false;}
});
});
没有
大括号的if()语句将只侦听其下面的第一个也是唯一一个语句。如果包括大括号，则可以有多个语句，如下所示：
if ( $('#usernameFeedback').text() == "Not available!" ) {
event.preventDefault();
return false;
} else {
return true;
}
此外，event.preventDefault()永远不会使用您当前的代码执行，因为该函数甚至在能够执行之前就被保留了，因此我已经交换了它们，默认情况下阻止了它，然后返回。
塞尔吉奥快速而正确地提到，为功能添加event，甚至允许您首先event.preventdefault()！