Javascript Jquery表单验证不起作用没有使用插件

我是Jquery新手，遇到了一些我无法解决的问题，我想我需要一个更有经验的人

表单验证工作不正常，但在JSFIDLE上运行良好

我准备好文件了吗

任何帮助都很好，谢谢

      <script>

  $('#add_film').submit(function (e) {

var error = false;

// No value for movie_title
if ($('#movie_title').val() == "") {
    alert("No Film");
    error = true;
}

// No Value for actor
if ($('#leading_name').val() == "") {
    alert("No actor");
    error = true;
}

// No value for rating
if ($('#rating').val() == null) {
    alert("No Rating");
    error = true;
}

//No value for review
if ($('#review').val() == "") {
    alert("No review");
    error = true;
}

// Focus on first form field.
$("input:text:visible:first").focus();

if (error) {
    e.preventDefault();
}

$（“#添加电影”）。提交（功能（e）{
var错误=错误；
//电影名称没有价值
if（$（'#电影_title'）.val（）=“”）{
警报（“无胶片”）；
错误=真；
}
//演员没有价值
if（$（'#前导_名称'）.val（）=“”）{
警惕（“无行为人”）；
错误=真；
}
//没有评级的价值
if（$（'#rating'）.val（）==null）{
警报（“无评级”）；
错误=真；
}
//没有审查价值
if（$（'#review'）.val（）=“”）{
警报（“无审查”）；
错误=真；
}
//关注第一个表单字段。
$（“输入：文本：可见：第一”）.focus（）；
如果（错误）{
e、 预防默认值（）；
}

}))

电影名称




主角




评级
选择一个等级
可怕的
公平的
好啊
好
杰出的




你的评论

---

是的！！！代码应该在文档就绪处理程序中

jQuery(function($){

    $('#add_film').submit(function (e) {

        var error = false;

        // No value for movie_title
        if ($('#movie_title').val() == "") {
            alert("No Film");
            error = true;
        }

        // No Value for actor
        if ($('#leading_name').val() == "") {
            alert("No actor");
            error = true;
        }

        // No value for rating
        if ($('#rating').val() == null) {
            alert("No Rating");
            error = true;
        }

        //No value for review
        if ($('#review').val() == "") {
            alert("No review");
            error = true;
        }

        // Focus on first form field.
        $("input:text:visible:first").focus();

        if (error) {
            e.preventDefault();
        }
    });
})

---

请在google chrome中运行您的网页，然后按ctrl+shift+j打开开发者控制台。这样您就可以看到带有行号的javascript/jquery错误并在那里进行预览，然后尝试自己解决。我保证，你可以做得很简单。

你没有关闭表单标签，所以脚本无法运行

这是你的工作代码

jQuery(function($){

    $('#add_film').submit(function (e) {

        var error = false;

        // No value for movie_title
        if ($('#movie_title').val() == "") {
            alert("No Film");
            error = true;
        }

        // No Value for actor
        if ($('#leading_name').val() == "") {
            alert("No actor");
            error = true;
        }

        // No value for rating
        if ($('#rating').val() == null) {
            alert("No Rating");
            error = true;
        }

        //No value for review
        if ($('#review').val() == "") {
            alert("No review");
            error = true;
        }

        // Focus on first form field.
        $("input:text:visible:first").focus();

        if (error) {
            e.preventDefault();
        }
    });
})