采用javascript技术验证用户名和密码是否正确
题目：制作一个登录界面，页面包含：用户名输入，密码输入和提交按钮，采用javascript技术验证用户名和密码是否正确，若正确就进行提交，若不正确就不提交。我做的代码是：...
题目：制作一个登录界面，页面包含：用户名输入，密码输入和提交按钮，采用javascript技术验证用户名和密码是否正确，若正确就进行提交，若不正确就不提交。
我做的代码是：<script>
function check(form) {
if( (document.getElementById("username").value == "admin")&&(document.getElementById("password").value == "123")) {
alert("提交成功");
document.getElementById("username").focus();
document.getElementById("password").focus();
return true;
}
else{alert("提交失败！");
return false;
}
}
</script>
<body>
<form>
请输入用户名称:
<input id="username" type="text" />
<br/>
请输入用户密码:
<input id="password" type="password"/>
<br>
<input type="button" value="登录" />
</form>
</body>
我输入对的用户名和密码页面没有反应，错的也没有反应，怎么回事？ 展开
我做的代码是：<script>
function check(form) {
if( (document.getElementById("username").value == "admin")&&(document.getElementById("password").value == "123")) {
alert("提交成功");
document.getElementById("username").focus();
document.getElementById("password").focus();
return true;
}
else{alert("提交失败！");
return false;
}
}
</script>
<body>
<form>
请输入用户名称:
<input id="username" type="text" />
<br/>
请输入用户密码:
<input id="password" type="password"/>
<br>
<input type="button" value="登录" />
</form>
</body>
我输入对的用户名和密码页面没有反应，错的也没有反应，怎么回事？ 展开
2个回答
展开全部
下面是简单的示例代码：```javascript// 获取输入框元素const username = document.getElementById('username');const password = document.getElementById('password');// 获取提交按钮元素const submitButton = document.getElementById('submit');// 添加点击事件监听器submitButton.addEventListener('click', () =\u003e { // 获取输入框的值 const usernameValue = username.value; const passwordValue = password.value; // 发送请求验证 fetch('/api/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username: usernameValue, password: passwordValue }) }) .then(response =\u003e response.json()) .then(data =\u003e { if (data.success) { // 登录成功 alert('登录成功！'); // 跳转到首页或其他需要登录才能访问的页面 window.location.href = '/home'; } else { // 登录失败 alert(data.message); } }) .catch(error =\u003e { console.error(error); alert('网络错误，请稍后再试！'); });});```这段代码假设后端提供了 `/api/login` 接口用于验证用户名和密码。具体实现方式可能因后端框架的不同而有所不同，不过一般来说，服务器端会从请求对象中读取请求体并解析成 JSON，然后根据用户名和密码去查询数据库或其他数据源，判断是否验证通过，并将验证结果返回给前端。在以上代码中，我们通过 `fetch()` 函数发起了 POST 请求，并将用户名和密码放在请求体中以 JSON 格式传递给服务器。当收到服务器返回的响应后，我们检查其中的 `success` 字段来判断是否验证通过。当然，这只是简单示例，实际项目中，可能还需要考虑一些安全性问题，例如防止跨站脚本攻击 (XSS)，防止 CSRF 攻击等。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-12-19 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
用正则表达式吧
<SCRIPT type="text/javascript">
function checkUserName(userName){
var reg = /^[a-z\d]{6,12}/; // 小写字母
return reg.test(userName);
}
function checkPassword(userPassword){
var reg = /^\d{6}$/; // 数字
return reg.test(userPassword);
}
//alert(checkUserName('adf'));
//alert(checkPassword('1212122'))
</SCRIPT>
<SCRIPT type="text/javascript">
function checkUserName(userName){
var reg = /^[a-z\d]{6,12}/; // 小写字母
return reg.test(userName);
}
function checkPassword(userPassword){
var reg = /^\d{6}$/; // 数字
return reg.test(userPassword);
}
//alert(checkUserName('adf'));
//alert(checkPassword('1212122'))
</SCRIPT>
追问
表示看不懂你写的，我是初学者，才学HTML
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
