html - jQuery Form Validation issue for Drupal 7 custom module -

-

i have inherited drupal 7 site few ugly custom modules form workflow through site. 1 of modules presents form user. form dynamically created. form working fine , data submission working fine. fields on form have no validation @ , must validation working urgently on form. happy if field required validation working.

i have been doing lot of reading jquery.validate.min.js, totally confused, , can see following scripts in head of page

jquery-1.10.2.min.js jquery.validate.min.js note site using jquery update set jquery version 1.10.2

the code form follows

<form class="details-form" enctype="multipart/form-data" action="" method="post" id="details-form" accept-charset="utf-8">    <div class="return-block-2">     <div class="enquire-form-wrapper form-item webform-component webform-component-textfield webform-component--name webform-container-inline">       <label>postal code<span class="form-required" title="this field required.">*</span></label>       <input class="enquire-form-name form-control form-text return_postal" id="return_postal" type="text" value="" size="60" maxlength="128">     </div>     <div class="enquire-form-wrapper form-item webform-component webform-component-textfield webform-component--name webform-container-inline">       <label>building number<span class="form-required" title="this field required.">*</span></label>       <input class="enquire-form-name form-control form-text return-building" id="return-building" type="text" value="" size="60" maxlength="128" >     </div>     <div class="enquire-form-wrapper form-item webform-component webform-component-textfield webform-component--name webform-container-inline">       <label>street name<span class="form-required" title="this field required.">*</span></label>       <input class="enquire-form-name form-control form-text  return-street" id="return-street" type="text" value="" size="60" maxlength="128"  >     </div>     <div class="enquire-form-wrapper form-item webform-component webform-component-textfield webform-component--name webform-container-inline">       <label>unit no.<span class="form-required" title="this field required.">*</span></label>       <input class="enquire-form-name form-control form-text return-unit" id="return-unit" type="text" value="" size="60" maxlength="128" >     </div>     <div class="enquire-form-wrapper form-item webform-component webform-component-checkboxes webform-component--acknowlegment">      <label class="element-invisible" for="edit-submitted-acknowlegment">acknowlegment <span class="form-required" title="this field required.">*</span></label>       <div id="edit-submitted-acknowlegment" class="form-checkboxes enquire-form-check checkbox-circle"><div class="form-type-checkbox form-item-submitted-acknowlegment-check form-item checkbox">           <input class="enquire-form-check checkbox-circle form-checkbox" type="checkbox" id="edit-submitted-acknowlegment-1" name="submitted[acknowlegment][check]" value="check" >  <label for="edit-submitted-acknowlegment-1">i acknowledge , accept <a href="/drupal/privacy_policy" target="_blank">privacy policy</a>, <a href="/drupal/terms_of_use" target="_blank">website terms of use</a>, , </a><a href="/drupal/popstation-terms-conditions" target="_blank">popstation t&amp;c.</a></label></div>       </div>     </div>   </div>    <button type="button" class="btn btn-default details-submit" >next</button>

there javascript block below html content , has following @ top

  jquery.validator.setdefaults({    debug: true,     success: "valid"  });   jquery( "#details-form" ).validate({     rules: {      return_postal: {     required: true   } } });

there document ready block looks this

jquery( document ).ready(function( $ ) {  });

this block takes care of adding , removing classes jquery. takes care of couple of ajax calls backend , parsing json returned backend. works fine.

finally there submit form

(jquery)(".details-submit").click(function(){      });

the submit ajax call backend , submits form data in call. id ajax call succeeds json response parsed , of response written cookie. if succeeded there page redirect window.location() call. again working fine though ugly.

as should see there has been attempt add validation on first field in form, id return_postal. validation not appear anything. can not see evidence of validation doing in firebug console.

i not sure validation call should not sure if written correctly. not sure if validation should take place in details-submit function rather before document-ready function.

i appreciate advice on fixing mess have, in particular getting validation working.


Comments

Post a Comment

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

-
Image
i try , create radar chart using chart.js has various colours each scaleline, or coloured between scalelines. wondering if possible? from: to: i have working graph, though there doesn't seem method change individual scale lines. kind regards leigh you can extend radar chart type this, so chart.types.radar.extend({ name: "radaralt", initialize: function (data) { chart.types.radar.prototype.initialize.apply(this, arguments); var originalscaledraw = this.scale.draw; var ctx = this.chart.ctx; this.scale.draw = function () { var linewidth = this.linewidth; // bypasses line drawing in originalscaledraw this.linewidth = linewidth; originalscaledraw.apply(this, arguments); ctx.linewidth = this.linewidth; var scale = this; // draw chart.helpers.each(scale.ylabels, function (label, index) { // color of ...
Read more

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

-
suddenly have started receiving above error without changes having been made script. host 1and1 (i know...) the script still works fine on different server, , suspicion there must have been server config change has lead this, although hosts plead ignorance. there's no information on above error @ in google can find - have ideas? server running apache if helps. had similar problem. came out of blue. no php code changed. what changed: php upgraded 5.5.25-1 5.5.26. a security risk in php mail() function has been fixed , newlines in additional_headers allowed no more. because newlines mean: starts email message (and surely don't want inject newlines through headers followed evil message). what have worked fine, e.g. having newlines after headers or passing whole message additional_headers , function no more. solution : sanitize headers. no multiple newlines in additional_headers argument. these count "multiple or malformed newlines":...
Read more

java - Android – MapFragment overlay button shadow, just like MyLocation button -

-
Image
i'm struggling add shadow custom overlay button on google map. goal make custom button google's mylocation button. here's how app looks now: layout.xml <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:map="http://schemas.android.com/apk/res-auto" android:layout_height="match_parent" android:layout_width="match_parent" style="@style/apptheme"> <fragment android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/map" tools:context=".mapsactivity" android:name="com.google.android.gms.maps.supportmapfragment" android:layout_alignparentend="true" android:layout_alignparentstart="true" android:layout_alignparentbottom="true" ...
Read more