js form not submitting, How to activate it.

js form not submitting, How to activate it.

Hi, I have searched and some people also stuck in this, i am not able to submit the form, I have changed php file, now using simple php mail function which i have mentioned in the code. Any help please, How to activate it.

  2. //forms
  3. ;(function($){
  4. $.fn.forms=function(o){
  5. return this.each(function(){
  6. var th=$(this)
  7. ,_=th.data('forms')||{
  8. errorCl:'error',
  9. emptyCl:'empty',
  10. invalidCl:'invalid',
  11. notRequiredCl:'notRequired',
  12. successCl:'success',
  13. successShow:'4000',
  14. mailHandlerURL:'js/test.php',
  15. ownerEmail:'owltemplates.com@gmail.com',
  16. stripHTML:true,
  17. smtpMailServer:'localhost',
  18. targets:'input,textarea',
  19. controls:'a[data-type=reset],a[data-type=submit]',
  20. validate:true,
  21. rx:{
  22. ".name":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},
  23. ".state":{rx:/^[a-zA-Z'][a-zA-Z-' ]+[a-zA-Z']?$/,target:'input'},
  24. ".email":{rx:/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i,target:'input'},
  25. ".phone":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'},
  26. ".fax":{rx:/^\+?(\d[\d\-\+\(\) ]{5,}\d$)/,target:'input'},
  27. ".message":{rx:/.{20}/,target:'textarea'}
  28. },
  29. preFu:function(){
  30. _.labels.each(function(){
  31. var label=$(this),
  32. inp=$(_.targets,this),
  33. defVal=inp.val(),
  34. trueVal=(function(){
  35. var tmp=inp.is('input')?(tmp=label.html().match(/value=['"](.+?)['"].+/),!!tmp&&!!tmp[1]&&tmp[1]):inp.html()
  36. return defVal==''?defVal:tmp
  37. })()
  38. trueVal!=defVal
  39. &&inp.val(defVal=trueVal||defVal)
  40. label.data({defVal:defVal})
  41. inp
  42. .bind('focus',function(){
  43. inp.val()==defVal
  44. &&(inp.val(''),_.hideEmptyFu(label),label.removeClass(_.invalidCl))
  45. })
  46. .bind('blur',function(){
  47. _.validateFu(label)
  48. if(_.isEmpty(label))
  49. inp.val(defVal)
  50. ,_.hideErrorFu(label.removeClass(_.invalidCl))
  51. })
  52. .bind('keyup',function(){
  53. label.hasClass(_.invalidCl)
  54. &&_.validateFu(label)
  55. })
  56. label.find('.'+_.errorCl+',.'+_.emptyCl).css({display:'block'}).hide()
  57. })
  58. _.success=$('.'+_.successCl,_.form).hide()
  59. },
  60. isRequired:function(el){
  61. return !el.hasClass(_.notRequiredCl)
  62. },
  63. isValid:function(el){
  64. var ret=true
  65. $.each(_.rx,function(k,d){
  66. if(el.is(k))
  67. ret=d.rx.test(el.find(d.target).val())
  68. })
  69. return ret
  70. },
  71. isEmpty:function(el){
  72. var tmp
  73. return (tmp=el.find(_.targets).val())==''||tmp==el.data('defVal')
  74. },
  75. validateFu:function(el){
  76. el.each(function(){
  77. var th=$(this)
  78. ,req=_.isRequired(th)
  79. ,empty=_.isEmpty(th)
  80. ,valid=_.isValid(th)
  82. if(empty&&req)
  83. _.showEmptyFu(th.addClass(_.invalidCl))
  84. else
  85. _.hideEmptyFu(th.removeClass(_.invalidCl))
  87. if(!empty)
  88. if(valid)
  89. _.hideErrorFu(th.removeClass(_.invalidCl))
  90. else
  91. _.showErrorFu(th.addClass(_.invalidCl))
  92. })
  93. },
  94. getValFromLabel:function(label){
  95. var val=$('input,textarea',label).val()
  96. ,defVal=label.data('defVal')
  97. return label.length?val==defVal?'nope':val:'nope'
  98. }
  99. ,submitFu:function(){
  100. _.validateFu(_.labels)
  101. if(!_.form.has('.'+_.invalidCl).length)
  102. $.ajax({
  103. type: "POST",
  104. url:_.mailHandlerURL,
  105. data:{
  106. name:_.getValFromLabel($('.name',_.form)),
  107. email:_.getValFromLabel($('.email',_.form)),
  108. phone:_.getValFromLabel($('.phone',_.form)),
  109. fax:_.getValFromLabel($('.fax',_.form)),
  110. state:_.getValFromLabel($('.state',_.form)),
  111. message:_.getValFromLabel($('.message',_.form)),
  112. owner_email:_.ownerEmail,
  113. stripHTML:_.stripHTML
  114. },
  115. success: function(){
  116. _.showFu()
  117. }
  118. })
  119. },
  120. showFu:function(){
  121. _.success.slideDown(function(){
  122. setTimeout(function(){
  123. _.success.slideUp()
  124. _.form.trigger('reset')
  125. },_.successShow)
  126. })
  127. },
  128. controlsFu:function(){
  129. $(_.controls,_.form).each(function(){
  130. var th=$(this)
  131. th
  132. .bind('click',function(){
  133. _.form.trigger(th.data('type'))
  134. return false
  135. })
  136. })
  137. },
  138. showErrorFu:function(label){
  139. label.find('.'+_.errorCl).slideDown()
  140. },
  141. hideErrorFu:function(label){
  142. label.find('.'+_.errorCl).slideUp()
  143. },
  144. showEmptyFu:function(label){
  145. label.find('.'+_.emptyCl).slideDown()
  146. _.hideErrorFu(label)
  147. },
  148. hideEmptyFu:function(label){
  149. label.find('.'+_.emptyCl).slideUp()
  150. },
  151. init:function(){
  152. _.form=_.me
  153. _.labels=$('label',_.form)

  155. _.preFu()
  157. _.controlsFu()
  159. _.form
  160. .bind('submit',function(){
  161. if(_.validate)
  162. _.submitFu()
  163. else
  164. _.form[0].submit()
  165. return false
  166. })
  167. .bind('reset',function(){
  168. _.labels.removeClass(_.invalidCl)
  169. _.labels.each(function(){
  170. var th=$(this)
  171. _.hideErrorFu(th)
  172. _.hideEmptyFu(th)
  173. })
  174. })
  175. _.form.trigger('reset')
  176. }
  177. }
  178. _.me||_.init(_.me=th.data({forms:_}))
  179. typeof o=='object'
  180. &&$.extend(_,o)
  181. })
  182. }
  183. })(jQuery)
  184. $(window).load(function(){
  185. $('#form1').forms({
  186. ownerEmail:'owltemplates.com@gmail.com'
  187. })
  188. })