Php 弹出窗口中的jquery表单验证

我正在开发一个应用程序，它是在codeigniter和smarty模板中，在html页面已经准备好的情况下，我必须开发这些页面。在该应用程序中，有一个页面是以类似lightbox的形式打开的，我想将jquery验证放在我尝试使用的页面中

<script>
    $(document).ready(function(){
        $("#frm_email").validate({ 
            rules: {
                email: {
                    required: true,
                    email : true
                }
            },
            messages: {
                email: {
                    required:  "Email is required.",
                    email : "Enter valid email."
                }
            },
            // the errorPlacement has to take the table layout into account
            errorPlacement: function(error, element) {
                if ( $(element).is(":radio") ){
                    $(error).insertAfter( $(element).parent() );
                } else if ( $(element).is(":checkbox") ){ 
                    $(error).insertAfter( $(element).next() );
                } else{
                    if($(element).is("textarea")){
                        $(error).insertAfter($(element).next());
                    } else {
                        $(error).insertAfter( $(element) );
                    }
                }               
            },
            success: function(label ) {
                $(label).remove();          
            },
            onkeyup: function(element) { $(element).valid(); },
            onfocusout: function(element) { $(element).valid(); }
        });
    });
 });

$（文档）.ready（函数（）{
$（“#frm_电子邮件”）。验证（{
规则：{
电邮：{
要求：正确，
电子邮件：真的
}
},
信息：{
电邮：{
必填：“需要电子邮件。”，
电子邮件：“输入有效电子邮件。”
}
},
//errorPlacement必须考虑表格布局
errorPlacement:函数（错误，元素）{
if（$（元素）.is（“：radio”））{
$（错误）.insertAfter（$（元素）.parent（））；
}如果（$（元素）.is（“：复选框”）{
$（错误）.insertAfter（$（元素）.next（））；
}否则{
if（$（元素）.is（“textarea”））{
$（错误）.insertAfter（$（元素）.next（））；
}否则{
$（错误）.insertAfter（$（元素））；
}
}               
},
成功：功能（标签）{
$（标签）.remove（）；
},
onkeyup:function（element）{$（element）.valid（）；}，
onfocusout:函数（元素）{$（元素）.valid（）；}
});
});
});

这段代码，但它不工作，我希望在表单提交前进行表单验证

---

因此，请帮助我。

您需要使用jQuery包装器使其工作：

元素应为$（元素），错误应为$（错误）

---

另外，我注意到如果其他条件不正确，请修复它。（您有没有if condition:：check very的else condition）

您正在加载jquery.min.js和jquery.validate.js吗？是的，我正在上传这两个js.Hello C-link，我已经按照您在我的脚本中所说的做了更改，但没有工作。

if ( element.is(":radio") )
                    $(error).insertAfter( $(element).parent() );
                else if ( $(element).is(":checkbox") )
                    $(error).insertAfter( $(element).next() );
                //else{
                    else if($(element).is("textarea"))
                    $(error).insertAfter($(element).next());
                else
                    $(error).insertAfter( $(element) );
                //}