javascript - 密码匹配的表单验证-6ren

javascript - 密码匹配的表单验证

转载作者：行者123 更新时间：2023-11-30 12:58:38

28

4

我体内有两种形式:

<body>
    <form method=post name="signin">
        <table>
            <theader>Sign In</theader>
            <tr>
                <td>Email:</td>
                <td>
                    <input type=text length=25 maxlength=25 name=em id=em />
                </td>
            </tr>
            <tr>
                <td>Password:</td>
                <td>
                    <input type=password length=15 maxlength=15 name=up id=up />
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <input type=button value="submit" />
                </td>
            </tr>
        </table>
    </form>
    <br>
    <br>
    <br>
    <br>
    <form method=post name="register">
        <table>
            <theader>Don't have an account? Register, it's Free!</theader>
            <tr>
                <td>Email:</td>
                <td>
                    <input type=text length=25 name=email id=email /><span id="nameerror"></span>
                </td>
            </tr>
            <tr>
                <td>Password:</td>
                <td>
                    <input type=password length=15 name=pass id=pass />
                </td>
            </tr>
            <tr>
                <td>Confirm Password:</td>
                <td>
                    <input type=password length=15 name=cpass id=cpass /><span id="pwerror"></span>
                </td>
            </tr>
            <tr>
                <td>Account Type:</td>
                <td>
                    <select id="seltype">
                        <option name=standard SELECTED>Standard</option>
                        <option name=admin>Administrator</option>
                </td>
            </tr>
            <tr>
                <td colspan=2>
                    <input type=button value="submit" onClick="JavaScript:validate();" />
                </td>
            </tr>
        </table>
    </form>
</body>

我想做以下事情:对于每个表单，验证以确保它已填写，对于第二个表单，我想验证两个密码是否匹配。我有以下内容:

$( document ).ready(function() {

    var t = document.getElementById("email").value;
    var y = document.getElementById("seltype").value;
    var k = document.getElementById("pass").value;
    var j = document.getElementById("cpass").value;

    $('#cpass').blur(function(){    
        if (k != j) {
            document.getElementById("pwerror").innerHTML = "Password does not match";
        }
        else {
            document.getElementById("pwerror").innerHTML = "Password matches";
        }
    }); 
});

function validate() {   
    if (t != null && y != null && k != null && j != null) {
    }
    if (t == "" || y == "" || k == "" || j == "") {
        alert("fill in");
    }
}

最佳答案

我更喜欢不混合原生 JavaScript，只使用纯 jQuery 进行验证。这里的好处之一是空字段检查适用于任何<form>。因为它不依赖于任何特定的表单、输入名称或 ID。

$( document ).ready(function() {
    $( 'form' ).submit(function(event) {
        var $form = $( this );
        var checkPass = true;
        $form.find( 'input' ).each(function( i, e) {
            if (e.value.length === 0) {
                event.preventDefault();
                alert(e.name + " cannot be empty");
                return (checkPass = false);
            }
        });
        if( checkPass && $form.is( '[name="register"]' ) ) {
            if( $form.find( '#pass').val() !== $form.find( '#cpass' ).val()) {
                event.preventDefault();
                alert( 'Passwords do not match.' );
            }
        }
    });
});

工作演示在 JsFiddle.net

关于javascript - 密码匹配的表单验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18165172/

28

4

0

文章推荐： swift - 针脚反向地理编码

文章推荐： javascript - Video JS - 如何更改字幕字体大小

awk - 如果行与“foo”匹配，线上方与“bar”匹配，线下方与“baz”匹配，则删除行？
使用sed和/或awk，仅在行包含字符串“ foo”并且行之前和之后的行分别包含字符串“ bar”和“ baz”时，我才希望删除行。因此，对于此输入： blah blah foo blah bar
c# - 如何按 X% 匹配 2 个字符串(即 >90% 匹配)
例如: S1: "some filename contains few words.txt" S2:“一些文件名包含几个单词 - draft.txt” S3:“一些文件名包含几个单词 - 另一个 dr
R 合并数据帧，允许不精确的 ID 匹配(例如，附加字符 1234 匹配 ab1234)
我正在尝试处理一些非常困惑的数据。我需要通过样本 ID 合并两个包含不同类型数据的大数据框。问题是一张表的样本 ID 有许多不同的格式，但大多数都包含用于匹配其 ID 中某处所需的 ID 字符串，例如
css - 匹配 col-md 时显示 div，匹配 col-sm 时不显示
我想在匹配特定屏幕尺寸时显示特定图像。在这种情况下，对于 Bootstrap ，我使用 col-xx-## 作为我的选择。但似乎它并没有真正按照我认为应该的方式工作。基本思路，我想显示一种全屏图像，
apache - mod_rewrite 问题 : RewriteCond %{REQUEST_FILENAME} ! -f 匹配，即使 REQUEST_FILENAME 不应(完全)匹配
出于某种原因，这条规则 RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*
F# 匹配 ->
我想做类似的东西(Nemerle 语法) def something = match(STT) | 1 with st= "Summ" | 2 with st= "AVG" =>
JavaScript 匹配
假设这是我的代码 var str="abc=1234587;abc=19855284;abc=1234587;abc=19855284;abc=1234587;abc=19855284;abc=123
JavaScript 匹配
我怎样才能得到这个字符串的数字:'(31.5393701, -82.46235569999999)' 我已经在尝试了，但这离解决方案还很远:) text.match(/$(\d+),(\d+)$/
JavaScript 匹配
如何去除输出中的逗号 (,)？有没有更好的方法从字符串或句子中搜索 url。 alert(" http://www.cnn.com df".match(/https?:\/\/([-\w\.]+
Python - 匹配
a = ('one', 'two') b = ('ten', 'ten') z = [('four', 'five', 'six'), ('one', 'two', 'twenty')] 我正在尝试
vba - 循环遍历行和列时的索引/匹配
我已经编写了以下代码，我希望用它来查找从第 21 列到另一张表中最后一行的值，并根据这张表中 A 列和另一张表中 B 列中的值将它们返回到这张表床单。当我使用下面的代码时，我得到一个工作表错误。你能
Excel 匹配 IF 语句未正确评估
我在以下结构中有两列 A B 1 49 4922039670 我已经能够评估 =LEN(A1)如2 , =LEFT(B1,2)如49 , 和 =LEFT(B1,LEN(A1)
基于行首的 Vim 匹配
我有一个文件，其中一行可以以 + 开头, -或 * .在其中一些行之间可以有以字母或数字(一般文本)开头的行(也包含这些字符，但不在第 1 列中!)。知道这一点，设置匹配和突出显示机制的最简单方法是
正则表达式:匹配，但如果在评论中则不匹配
我有一个数据字段文件，其中可能包含注释，如下所示: id, data, data, data 101 a, b, c 102 d, e, f 103 g, h, i // has to do with
匹配 url 的正则表达式模式
我有以下模式:/^\/(?P.+)$/匹配:/url . 我的问题是它也匹配 /url/page ，如何忽略/在这个正则表达式中？该模式应该: 模式匹配:/url 模式不匹配:/url/page 提
r - R中多维度的聚类/匹配
我有一个非常庞大且复杂的数据集，其中包含许多对公司的观察。公司的一些观察是多余的，我需要制作一个键来将多余的观察映射到一个单独的观察。然而，判断他们是否真的代表同一家公司的唯一方法是通过各种变量的相似
xpath 匹配 - 查找值不在值集中的标签是否存在
我有以下 XML A B C 我想查找 if not(exists(//Record/subRecord
javascript - 匹配/不匹配的正则表达式上没有出现警报框？
我制作了一个正则表达式来验证潜在的比特币地址，现在当我单击报价按钮时，我希望根据正则表达式检查表单中输入的值，但它不起作用。 https://jsfiddle.net/arkqdc8a/5/ var
sql - 检查支架是否平衡/匹配
我有一些 MS Word 文档，我已将其全部内容转移到 SQL 表中。内容包含多个方括号和大括号，例如 [{a} as at [b],] {c,} {d,} etc 我需要进行检查以确保括号平衡/匹
JavaScript Unicode 匹配
我正在使用 Node.js 从 XML 文件读取数据。但是当我尝试将文件中的数据与文字进行比较时，它不匹配，即使它看起来相同: const parser: xml2js.Parser = new

首页

博学

6Ren·AI

商城

javascript - 密码匹配的表单验证