<li> <div class='title'>Old Password</div> <div class="contents"> <input type='password' id="pwd" /> </div> </li> <li> <div class='title'>New Password</div> <div class="contents"> <input type='password' id="pwd1" /> </div> </li> 如何用jquery同时设定这两个password
时间: 2023-08-14 17:38:46 浏览: 133
你可以使用 jQuery 的选择器来选择这两个密码输入框,然后添加事件监听器来处理它们的输入。以下是一个示例代码:
```javascript
$(document).ready(function() {
$('#pwd, #pwd1').on('keydown keyup', function() {
var oldPassword = $('#pwd').val();
var newPassword = $('#pwd1').val();
// 处理密码输入
});
});
```
在上面的代码中,`#pwd` 和 `#pwd1` 是你的两个密码输入框的选择器。当用户输入时,代码会获取这两个输入框的值,并处理它们的输入。你可以在事件处理函数中添加逻辑来判断输入是否符合要求,以及处理其他相关的操作。
需要注意的是,上面的代码使用了相同的事件监听器来处理两个输入框的输入,这样可以避免重复代码。
相关问题
接前两次对话,在修改代码后,我的login代码如下,请优化: <body> <div class="login"> <h2>用户登录</h2> <div class="login_box"> <!-- required就是不能为空 必须在css效果中有很大的作用 --> <input type="text" name='name' id='name' required /> <label for="name" >用户名</label> </div> <div class="login_box"> <input type="password" name='pwd' id='pwd' required="required"> <label for="pwd">密码</label> </div> <a href=" " id="login-btn"> 登录 <span></span> <span></span> <span></span> <span></span> </a> <a href="register.html"> 注册 <span></span> <span></span> <span></span> <span></span> </a> </div>
在您提供的代码中,登录功能是通过点击一个`<a>`标签来触发的,并且没有使用表单来提交数据。为了优化代码,我建议您使用表单来实现登录功能,并且使用POST方法将用户名和密码发送到服务器进行验证。
下面是优化后的代码示例:
```html
<body>
<div class="login">
<h2>用户登录</h2>
<form action="/login" method="post">
<div class="login_box">
<input type="text" name="username" id="username" required>
<label for="username">用户名</label>
</div>
<div class="login_box">
<input type="password" name="password" id="password" required>
<label for="password">密码</label>
</div>
<button type="submit" id="login-btn">登录</button>
</form>
<a href="register.html">
注册
<span></span>
<span></span>
<span></span>
<span></span>
</a>
</div>
</body>
```
在这个示例中,我将登录功能修改为使用表单来提交用户名和密码。`<form>`标签的`action`属性指定了表单数据提交的URL,这里设置为`/login`。`<form>`标签的`method`属性设置为`post`,以便将数据以POST方法发送到服务器。
登录按钮改为使用`<button>`元素,并将其类型设置为`submit`,以触发表单的提交。
请注意,以上代码只是对登录部分进行了优化,您还需要根据实际情况来修改服务器端的登录逻辑和路由函数。另外,还需要根据需求来调整CSS样式和其他相关代码。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>欢迎页面</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" th:href="@{/static/lib/layui/dist/css/layui.css}"> </head> <body> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> <legend>欢迎进入赛事管理后台</legend> </fieldset> <div class="layui-bg-gray" style="padding: 30px;"> <div class="layui-row layui-col-space15"> <form class="layui-form" action="/event2021root/dologin" method="get"> <div class="layui-form-item"> <label class="layui-form-label">用户名</label> <div class="layui-input-block"> <input type="text" name="user" lay-verify="user" autocomplete="off" placeholder="请输入标题" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">密码</label> <div class="layui-input-block"> <input type="password" name="pwd" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button> </div> </div> </form> </div> </div> </body> </html>
这是一段 HTML 代码,它可以用来创建一个网页,网页标题为 "欢迎页面",网页中有一个表单,用户可以在表单中输入用户名和密码,点击提交按钮进行提交,提交的地址为 "/event2021root/dologin" ,使用的样式表文件在"/static/lib/layui/dist/css/layui.css" ,这里使用了 Layui 框架
阅读全文