Question

我想在我的网站上放置一个HTML表单，供人们将他们的RSVP发送给派对邀请。我想要求他们在提交表格之前输入密码（将在他们的邀请上打印）。有没有办法使用纯HTML（以及必要的JavaScript）将字段要求设置为预先指定的pin＃或密码的完全匹配？

为了举个例子，我们简单地说我想要这个人的名字以及他们的RSVP是或否。

<form>
    Name:
        <input type="text" name="name">
    RSVP:
        <input type="radio" name="rsvp" value="yes">Yes<br>
        <input type="radio" name="rsvp" value="no" checked>No<br>
    Secret Word:
        <input type="password" name="secretWord">
</form>

Answer 1

是的，您必须使用Javascript，因此您需要

function check(){
    var pass = document.getElementById("pass_box").value;
    if(pass == "Y o u r p a s s w o r d"){
        // Do stuff
    }else{
        // Dont do stuff
    }
}

，您的HTML代码如下所示：

<form>
Name:
    <input type="text" name="name">
RSVP:
    <input type="radio" name="rsvp" value="yes">Yes<br>
    <input type="radio" name="rsvp" value="no" checked>No<br>
Secret Word:
    <input type="password" id="pass_box" name="secretWord">
<button onclick="check()">Submit</button>
</form>

但这不是非常安全，因为有人可以只看你的代码并查看密码，但如果只是为了派对，它应该没问题！无论如何，有你的代码！希望这有帮助！

我可以在HTML表单中添加所需的密码吗？

1 个答案: