$(function() { $('#username').on('blur', function() { var username = $(this).val(); $.ajax({ type: 'POST', url: 'check_username.php', data: {username: username}, dataType: 'json', success: function(res) { if (res.code === 200) { $('#tip').text('用户名已存在'); } else { $('#tip').text('用户名可用'); } }, error: function() { alert('请求失败'); } }); }); });是什么意思
时间: 2024-02-10 21:07:41 浏览: 12
这段代码是一个使用 jQuery 的 AJAX 请求,用于检查用户名是否已经存在。当输入框失去焦点时,会获取输入框中的用户名,然后将其作为参数提交到指定的 PHP 页面(check_username.php)进行检查。检查结果会以 JSON 格式返回。如果用户名已经存在,代码会将提示信息改为“用户名已存在”,否则提示信息为“用户名可用”。如果请求失败,会弹出一个提示框。
相关问题
$('#userName').on('blur', function() { var userName = $(this).val(); checkUsername(userName);});这段代码应该加到哪里
这段代码应该加到页面初始化的 JavaScript 代码中。具体来说,可以添加到一个 `$(document).ready()` 或 `$(function() {})` 函数内部,或者添加到一个单独的 JavaScript 文件中。
例如:
```javascript
$(document).ready(function() {
$('#userName').on('blur', function() {
var userName = $(this).val();
checkUsername(userName);
});
});
```
这样,在页面加载完成后,就会绑定 `#userName` 输入框的 `blur` 事件,当输入框失去焦点时,就会触发该事件,检查用户名是否重复。
jquery 输入框获取焦点
通过使用jQuery可以实现输入框获取焦点的功能。在代码中,可以使用.focus()方法来设置输入框获取焦点,使用.blur()方法来设置输入框失去焦点。具体实现方式如下:
```
// 获取焦点
$("#username").focus(function(){
var curValue = $(this).val();
if(curValue == this.defaultValue){
$(this).val("");
}
});
// 失去焦点
$("#username").blur(function(){
var curValue = $("#username").val();
if($.trim(curValue) == ""){
$(this).val(this.defaultValue);
}
});
```
这段代码中,当用户名输入框获得焦点时,如果当前值等于默认值,则清空输入框的值。当失去焦点时,如果输入框的值为空,则将默认值重新填入输入框。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)