Javascript 我正在尝试将警报应用于动态jquery表单

我试图将警报应用于动态jquery表单，该表单在留空时显示错误。它运行时没有显示任何错误

该代码将表单打印为slidedown div的一部分

HTML的代码是：

（该div在单击上一个div时显示）

---

您可以使用HTML5进行表单验证。您可以在输入上使用

Required

Pattern

属性。看这把小提琴：

required

属性使表单在没有输入数据的情况下无法提交。

模式确保输入中的数据符合Regex定义的约束

唯一的问题是浏览器支持。确保在所有目标浏览器中测试代码
 frm在哪里？我没有在你的HTML中看到它，运行良好。我添加了
返回false
在出现错误时取消表单提交。如何将javascript添加到页面？我认为JS甚至没有编译到页面中。
<form method="post" id="frm" name="frm">
    <div id="fnamelogin">
        <label for="firstname">First Name:
            <input type="text" name="firstname" placeholder="Enter First Name" id="fname" />
        </label>
    </div>
    <div id="lnamelogin" style="display: none;">
        <label for="lastname">Last Name:
            <input type="text" name="lastname" placeholder="Enter Last Name" id="lname" />
        </label>
    </div>
    <div style="display: none;" id="idlogin">
        <label for="mailid">E-Mail ID:
            <input type="text" name="usermail" placeholder="Enter Mail Id" id="email" />
        </label>
    </div>
    <div style="display: none;" id="passlogin">
        <label for="password">Password:
            <input type="password" name="userpass" placeholder="Enter your Password" />
        </label>
    </div>
    <div style="display: none;" id="courselogin">
        <label for="course" style="color: white;">Enter Course:
            <br></br>
            <input type="radio" name="usercourse" id="courselogin" value="MBA" />MBA</label>
    </div>
    <div style="display: none;" id="streamlogin">
        <label for="stream">STREAM
            <select name="stream">
                <option>CSE</option>
                <option>IT</option>
                <option>ECE</option>
            </select>
        </label>
    </div>
    <label for="teacherremember">
        <input class="checkbox" type="checkbox" name="teacherremember" id="teacherremember" checked="checked" />Remember me</label>
    <p>
        <input name="submit" type="submit" id="submit" value="Submit Form" />
</form>

$('#frm').submit(function() {

if ($.trim($("#fname").val()) === "" || $.trim($("#lname").val()) === "")
    {       
        alert('you did not fill out one of the fields');   
    }
});