javascript - jQuery Validation - TypeError: t is undefined -
i'm working on form uses jquery validation plugin (http://jqueryvalidation.org/), however, i'm running js error in jquery.validate.min.js when validation triggered:
typeerror: t undefined
all ids, etc each of elements used seem line up, somehow still issue. ideas? source code here:
_new_user.html
<h2>new <span class='muted'>user</span></h2> <script data-main="/assets/js/registration" src="/assets/js/require.js"></script> <form id="form_register" class="form-horizontal" action="http://flyingsexsnak.es/users/create" accept-charset="utf-8" method="post"> <fieldset> <div id="step1_container" class="step_container"> <h3>register</h3> <div class="form-group"> <label class="control-label" for="form_first_name">first name</label> <input class="col-md-4 form-control" placeholder="first name" required="required" maxlength="255" name="first_name" value="" type="text" id="form_first_name" /> </div> <div class="form-group"> <label class="control-label" for="form_last_name">last name</label> <input class="col-md-4 form-control" placeholder="last name" required="required" maxlength="255" name="last_name" value="" type="text" id="form_last_name" /> </div> <div class="form-group"> <label class="control-label" for="form_email">email</label> <input class="col-md-4 form-control" placeholder="email" required="required" maxlength="255" type="email" name="email" value="" id="form_email" /> </div> <a id="step1_next">next</a> <div id="step2_container" class="step_container"> </div> <div id="step3_container" class="step_container"> </div> </div> </fieldset> </form>
registration.js
require.config({ baseurl: '/assets/js', paths: { 'jquery': 'jquery-1.11.0.min', 'jquery-validation': 'jquery.validate.min', 'user-edit': './lib/user-edit' }, shim: { 'jquery-validation': { deps: ['jquery'] } } }); require(['user-edit', 'jquery-validation'], function(useredit) { $(document).ready(function() { var useredit = new useredit(); useredit.val = $("#form_register").validate(); $('#step1_next').click(function() { useredit.validatestep(1); }); $('#step2_next').click(function() { useredit.validatestep(2); }); $('#step2_prev').click(function() { useredit.validatestep(2); }); $('#step3_prev').click(function() { useredit.validatestep(3); }); }); });
/lib/user-edit.js
define([], function() { var useredit = function(jquery) { if (typeof jquery !== 'undefined' ) { this.jquery = jquery; } else if (typeof global !== 'undefined') { this.jquery = global.$; } else { this.jquery = $; } }; useredit.val = null; useredit.prototype.validatestep = function(step) { if (step === 1) { this.val.element(this.jquery('#form_first_name')); this.val.element(this.jquery('#form_last_name')); this.val.element(this.jquery('#form_email')); if (this.jquery('#form_first_name').valid() && this.jquery('#form_last_name').valid() && this.jquery('#form_email').valid()) { this.jquery('#step1_container').hide(); this.jquery('#step2_container').show(); this.jquery('#step3_container').hide(); } } else if (step === 2) {} else if (step === 3) {} } return useredit; });
Comments
Post a Comment