题目：制作一个登录界面，页面包含：用户名输入，密码输入和提交按钮，采用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>
我输入对的用户名和密码页面没有反应，错的也没有反应，怎么回事？
第1个回答 2023-05-19
下面是简单的示例代码：```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 攻击等。
第2个回答 2016-12-19
用正则表达式吧
<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
本回答被提问者和网友采纳