javascript - 警报不配合输入

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我知道这样做可以创建用户，但我不希望 php 找出输入中是否有内容，为什么我应该用 jquery 来完成它，

问题是 jquery 没有回来告诉我出了什么问题？问题是它不会回来并以某种方式显示我的警报。或者我缺少什么来添加它。

jQuery

$(function () {
    var $opretbruger = $(".opretbruger"),
        $pwd = $("#pass2"),
        $usr = $("#brugernavn");
        $navn = $("#fornavn");
        $efter = $("#efternavn");
        $tjek = $("#tjek");

    $opretbruger.on("submit", function (event) {
        var msg = "Husk ",
            usr = ($usr.val().trim() !== ""),
            pwd = ($pwd.val().trim() !== "");
            navn = ($navn.val().trim() !== "");
            efter = ($efter.val().trim() !== "");
            tjek = ($tjek.val().trim() !== "");

        msg += !usr ? "brugernavn" : "";
        msg += !usr && !pwd ? " og " : "";
        msg += !pwd ? "kodeord" : "";
        msg += !usr && !pwd && !navn ? " og " : "";
        msg += !navn ? "fornavn" : "";
        msg += !usr && !pwd && !navn && !efter ? " og " : "";
        msg += !efter ? "efternavn" : "";
        msg += !usr && !pwd && !navn && !efter && !tjek ? " og " : "";
        msg += !tjek ? "Jeg godkender brugerbetingelserne!" : "";

        (pwd && usr && navn && efter && tjek) || alert(msg);

        return (pwd && usr && navn && efter && tjek);
    });
});

HTML

<form name="opretbruger" action="<?php $_SERVER['PHP_SELF'];?>" method="post" id="opretbruger">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
        <td>Brugernavn</td>
        <td><input type="email" name="email" class="opretbar" id="brugernavn"></td>
        </tr>
        <tr>
        <td>Password</td>
        <td><input type="password" name="pa2" class="opretbar" id="pass2"></td>
        </tr>
        <tr>
        <td>Fornavn</td>
        <td><input type="text" name="fornavn" class="opretbar" id="fornavn"></td>
        </tr>
        <tr>
        <td>Efternavn</td>
        <td><input type="text" name="efternavn" class="opretbar" id="efternavn"></td>
        </tr>
        <tr>
        <td>Betingelserne</td>
        <td><input type="checkbox" name="tjek" id="tjek"> Jeg godkender <a href="/brugerbetingelser/">brugerbetingelserne</a></td>
        </tr>
        <tr>
        <td></td>
        <td><input type="submit" name="tilmelddiggratis" value="Opret bruger" class="click opretbruger"></td>
        </tr>
    </table>
    </form>

希望它能确定电子邮件和密码丢失，因此它必须站出来告诉它缺少它。

Answer 1

表单选择器应该是 $opretbruger = $('form[name="opretbruger"]') 因为 opretbruger 是表单的名称而不是类

var $opretbruger = $('form[name="opretbruger"]')

演示:Fiddle

也不要像两次评估有效性一样缓存该值

    var valid = pwd && usr && navn && efter && tjek;
    if (!valid) {
        alert(msg);
    }

    return valid;

演示:Fiddle