Jquery验证不使用Bootstrap

时间:2013-07-16 04:07:54

标签: jquery validation twitter-bootstrap jquery-validate

您好我正在使用jquery进行简单的表单注册验证。唯一的问题是我使用过靴带框架。

当我点击注册按钮时,会发生注意;

在火虫控制台中显示

[09:35:37.239] Empty string passed to getElementById(). @ http://www.matrimonyteam.com/home/registration

有关详细信息,请通过此网址 http://www.matrimonyteam.com/home/registration

function register(){

    var validator = $("#profileRegistrationForm").validate({
        rules: {                            
            firstName: "required",
            lastName: "required",
            email: "required",
            loginPassword: "required",
            mobileNumber: "required",       
            gender: "required",
            birthDate: "required",
            motherTongue: "required"
        },
        errorElement: "span",                               
            messages: {
            firstName: "Enter First Name",
            lastName: "Enter Last Name",
            email: "Enter Valid Email Address",
            loginPassword: "Enter Password",
            mobileNumber: "Enter Mobile Number",        
            gender: "Select Your Gender",
            birthDate: "Select Birth Date",
            motherTongue: "Select Mother Tongue"
            }
    });
    if(validator.form()){ 
         $('form#profileRegistrationForm').attr({action: '/home/saveprofile'});         
         $('form#profileRegistrationForm').submit();
    }   
}

点击事件已注册

 <script type="text/javascript"> 
    $(document).ready(function () {

        $('#register').click(function() {       
            register();
        });     
    </script> 

1 个答案:

答案 0 :(得分:1)

我认为你在 jquery 1.9 之后使用更新版本的jquery $.browser已删除。

您可download validate plugin http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js 的最新版本(当前版本:1.11.1 )来解决问题。 或者您可以使用 CDN

{{1}}

或从http://bassistance.de/jquery-plugins/jquery-plugin-validation

下载

阅读jQuery.browser() removedjQuery Core 1.9 Upgrade Guide.

另请阅读this