Javascript 创建一个；简单的；密码验证字段_Javascript_Forms_Passwords_If Statement

Javascript 创建一个；简单的；密码验证字段

javascript forms passwords if-statement

Javascript 创建一个；简单的；密码验证字段,javascript,forms,passwords,if-statement,Javascript,Forms,Passwords,If Statement,我正在尝试为网页创建密码字段。到目前为止，我已经： <form name="PasswordField" action=""> Password: <input type="password" name="password"> <input type="button" value="Log in"> </form> 可悲的是，我已经玩了好几个小时了。我也尝试了函数，但（对我来说）似乎也不起作用。如果你这样做，你需要将验证放在一个函数中，该函数在你

我正在尝试为网页创建密码字段。到目前为止，我已经：

<form name="PasswordField" action="">
Password:
<input type="password" name="password">
<input type="button" value="Log in">
</form>

可悲的是，我已经玩了好几个小时了。我也尝试了函数，但（对我来说）似乎也不起作用。

如果你这样做，你需要将验证放在一个函数中，该函数在你按钮的

onclick事件中被调用。还要访问密码这是您要查找的吗
document.forms['PasswordField'].elements['password'].value

我使用jquery，下面是我的解决方案：
<html>
<head>
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("input[name='login']").click(function() {
                var s = $("input[name='password']").val();

                if(s == "rawr") {alert('Correct!')}
                else {alert('Wrong Password')}
            });
        });
    </script>

</head>

<body>
    <form name="PasswordField" action="">
    Password:<input type="password" name="password">
        <input type="button" value="Log in" name="login">
    </form>
</body>

</html>


$（文档）.ready（函数（）{
$（“输入[name='login']”）。单击（函数（）{
var s=$（“输入[name='password']”）val（）；
如果（s==“rawr”）{alert（'Correct！'）}
else{alert（'error Password'）}
});
});
密码：
您应该查看正则表达式，并且您的脚本中有一个错误，应该是密码==“rawr”
和双等号sign@ibu正则表达式？？不，这里没有必要。你有什么具体问题？您不知道如何获取输入框的值？您无法在页面中使用javascript检查密码并保留任何级别的安全性，因为所有JS对任何想要查看的人都可见。如果你想要安全，你必须从服务器上检查密码。@jfriend00他给这个作业加了标签，所以我认为这只是一个表单学习的例子，而不是一个真正的站点。两者都工作得很好。非常感谢。将头部的脚本移动到文档中的任何其他位置可以吗？@JoshI Np！这不是必需的，但通常/传统上，您会将js函数定义放在标记中。如果需要在函数外部运行js，则需要将其放置在appropriately@Shredder我认为你不应该对一个标有家庭作业的问题给出如此完整的答案。一个提示，是的。但这不是一个完整的答案。
<head>
<script type="text/javascript">
function isValid(myNode){
var password = myNode.value;
if (password == "rawr")
{alert('Correct!')}
else
{alert('Wrong Password')}
}
</script>
</head>

<form name="PasswordField" action="">
Password:
<input type="password" id="password" name="password">
<input type="button" value="Log in" onclick="isValid(this);">
</form>

document.forms['PasswordField'].elements['password'].value

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("input[name='login']").click(function() {
                var s = $("input[name='password']").val();

                if(s == "rawr") {alert('Correct!')}
                else {alert('Wrong Password')}
            });
        });
    </script>

</head>

<body>
    <form name="PasswordField" action="">
    Password:<input type="password" name="password">
        <input type="button" value="Log in" name="login">
    </form>
</body>

</html>