这是我的代码。
.js
$(document).ready(function() {
$("#username").focusout(function() {
$.ajax({
type:'post',
url:site_url()+'/client/checkUserName',
data:{'username':$("#username").val()},
dataType:'json',
success:function(result){
if(result != 'false'){
$('#message').text('Username exists');
}
}
});
});
.html
<form id='form1' method="post">
<input type="text" name="username" id="username"/>
<span id="message" style="color:red"></span>
<input type="submit" value="submit" id="regis" class="btn"/>
</form>
它在 focusout 上运行良好。 如果用户名存在,如何使表单不提交?
假设在表单say中有一个隐藏字段
<input type="text" hidden id="type" value="<?php echo $type;?>">
那么如果隐藏字段中存在值,则无需检查用户名是否已存在。
最佳答案
您可以简单地禁用提交按钮
$(document).ready(function() {
$("#username").focusout(function() {
$.ajax({
type:'post',
url:site_url()+'/client/checkUserName',
data:{'username':$("#username").val()},
dataType:'json',
success:function(result){
if(result != 'false'){
$('#message').text('Username exists');
$('#regis').attr('disabled','disabled');
} else {
$('#regis').removeAttr('disabled');
}
}
});
});
关于php - 检查表单提交时是否存在用户名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13844325/