用jQuery写一个带判断id和token不为空的登录
时间: 2024-05-03 07:16:30 浏览: 7
好的,以下是一个使用 jQuery 编写的带有判断 id 和 token 不为空的登录代码:
```javascript
$(document).ready(function() {
$('#login-form').submit(function(e) {
// 阻止表单默认提交行为
e.preventDefault();
// 获取表单中的 id 和 token
var userId = $('#user-id').val();
var userToken = $('#user-token').val();
// 判断 id 和 token 是否为空
if (userId.trim() === '' || userToken.trim() === '') {
alert('请输入完整的 id 和 token!');
return;
}
// 执行登录操作
$.ajax({
url: 'login.php', // 登录接口地址
type: 'post',
data: {
id: userId,
token: userToken
},
success: function(response) {
// 登录成功后的操作
alert('登录成功!');
},
error: function(xhr, status, error) {
// 登录失败后的操作
alert('登录失败!');
}
});
});
});
```
在这个代码中,我们首先获取了表单中的 id 和 token,然后使用 `trim()` 方法去除两端的空格,并判断是否为空。如果 id 或 token 为空,则弹出提示框并返回。否则,我们执行了一个 Ajax 请求,将 id 和 token 发送给后端进行验证。在请求成功后,我们弹出一个提示框告诉用户登录成功;在请求失败后,我们弹出一个提示框告诉用户登录失败。