html用户名和密码是否为空的判断用javascript实现,用Javascript编写用户名和密码

我已经看到类似于这个的其他问题,但我已经尝试了答案,它似乎没有做我想做的事(如果确实如此,我就是看不到它)确实,请在评论中告诉我,我很新)。用Javascript编写用户名和密码

我想密码保护一个网站(这是一个个人家庭网站,所以我不担心加密或任何东西,除非它是超级简单的使用JavaScript),以便只有我的家人才能上。我想要密码被个性化。

HTML代码

Name:

Username:

Password:

脚本代码

function submission(){

var name = document.getElementByID = "name";

var psswd = document.getElementByID = "psswd";

var usr = document.getElementByID = "usr";

var name = new Array();

var usr = new Array();

var psswd = new Array();

}

我的问题:我怎么获取JavaScript把输入到该停留的页面,这样的一个数组当你尝试去index.html(这是密码保护的地方),以便他们不必每次都设置它。

此外,如果它足够简单,我怎样才能通过加密运行多个密码,并将其保存在网页上,这样如果有人碰巧在这里得到的密码是安全的?

是的,我意识到var namevar psswd和var usr重复两次。那是因为我现在懒得给他们命名不同的东西。我只需要知道如何将var name = document...纳入var name = new...。谢谢!

2016-09-15

James

+5

密码永远不会安全,页面也不会安全,因为每个有权访问该页面的客户端都可以同时打开加密密码和用于加密密码的方法。另外,只要在浏览器的控制台中输入JavaScript命令,任何人都可以轻松完全绕过认证。这就是为什么认证是在服务器端完成的。至少看看你是否可以通过HTTPS配置在Web服务器上运行磨坊http基本认证,这至少比没有什么好。 –

+0

记住客户端的唯一方法是使用全局变量。但是,这当然不是你想要在那里保存密码的。你应该将这些东西保存在一个php SESSION或其他东西中。顺便提一下你的submit()函数也是错误的。要获取表单内容,请说:document.getElementById(“name”);然后你用数组覆盖它? –

+0

@JasonC我没有服务器(至少没有我知道的),我的php是不存在的。我将如何保存他们的服务器端?此外,该页面只能提供给我的家人,所以我并不担心信息被盗。我也有一个免责声明,说它没有加密,不能重复使用其他密码。再次搭配旁路。这里没有敏感信息,所以这不是问题。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为你编写一个包含用户名密码和验证码的登录页面。但是,我暂时无法提供图形用户界面,因为我是一名语言模型,无法直接交互界面。以下是代码示例: HTML: ``` <!DOCTYPE html> <html> <head> <title>Login Page</title> </head> <body> <h1>Login Page</h1> <form action="login.php" method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password" required><br><br> <label for="captcha">Captcha:</label> <input type="text" id="captcha" name="captcha" required><br><br> <img src="captcha.php" alt="Captcha Image"><br> <button type="submit">Login</button> </form> </body> </html> ``` Vue & JavaScript: ``` <template> <div> <h1>Login Page</h1> <form @submit.prevent="login"> <label for="username">Username:</label> <input type="text" id="username" v-model="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" v-model="password" required><br><br> <label for="captcha">Captcha:</label> <input type="text" id="captcha" v-model="captcha" required><br><br> <img :src="captchaUrl" alt="Captcha Image"><br> <button type="submit">Login</button> </form> </div> </template> <script> export default { data() { return { username: '', password: '', captcha: '', captchaUrl: 'captcha.php' } }, methods: { login() { // 提交登录信息的方法 // 获取用户输入的用户名密码和验证码 const { username, password, captcha } = this // 向服务器发送登录请求,验证用户名密码和验证码是否正确 // 如果验证成功,跳转到用户首页 // 如果验证失败,显示提示信息 } } } </script> ``` 以上代码可以在对应的后端语言编写的程序中完成。其中 `captcha.php` 是生成验证码图片的 PHP 程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值