Advertisement
Guest User

Untitled

a guest
Jun 11th, 2016
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.13 KB | None | 0 0
  1. buttons:
  2. [
  3. {
  4. class: "firstButton",
  5. text: "Register Me",
  6. click: function () {
  7. ($("#register").find(':input')).validate({
  8. rules: {
  9. userName: {
  10. required: true,
  11. minLength: 10
  12. },
  13. email: {
  14. required: true,
  15. email: true
  16. },
  17. pwd: {
  18. required: true,
  19. minLength: 8
  20. },
  21. conPwd: {
  22. equalTo: "#pwd"
  23. }
  24. },
  25. messages: {
  26. userName: {
  27. required: "* required",
  28. minlength: jQuery.validator.format("At least {0} characters required!")
  29. }
  30. }
  31. });
  32. var status = ($("#register").find(":input")).valid();
  33. if (status == false) {
  34. alert('Invalid form!');
  35. return false;
  36. }
  37.  
  38. <div id="register" title="New Member Registration">
  39. <div class="modalCaption">
  40. <span class="red">Fields in red</span>
  41. <span>are required. Your information is not shared with anyone and is fully encrypted in our
  42. database for your peace of mind.</span>
  43. </div>
  44. <br />
  45. <div class="row">
  46. <div class="row_label_red">Desired User Name :</div>
  47. <div class="row_field"><input type="text" name="userName" size="32" MaxLength="32" required/></div>
  48. </div>
  49. <div class="row">
  50. <div class="row_label_red">Your Email :</div>
  51. <div class="row_field"><input type="text" name="email" size="32" MaxLength="64" required/></div>
  52. </div>
  53. <div class="row">
  54. <div class="row_label_red">Password (6 char. min) :</div>
  55. <div class="row_field"><input type="password" name="pwd" size="32" MaxLength="32" required /></div>
  56. </div>
  57. <div class="row">
  58. <div class="row_label_red">Confirm Password :</div>
  59. <div class="row_field"><input type="password" name="conPwd" size="32" MaxLength="32" required/></div>
  60. </div>
  61. <div class="row">
  62. <div class="row_label">Your Last Name :</div>
  63. <div class="row_field"><input type="text" name="lastName" size="32" MaxLength="64" /></div>
  64. </div>
  65. <div class="row">
  66. <div class="row_label">Your First Name :</div>
  67. <div class="row_field"><input type="text" name="firstName" size="32" MaxLength="64" /></div>
  68. </div>
  69. <div class="row">
  70. <div class="row_label">ZIP/Postal Code :</div>
  71. <div class="row_field"><input type="text" name="zip" size="10" MaxLength="10" /></div>
  72. </div>
  73. <div class="row">
  74. <div class="row_label">How Did You Hear About Us?</div>
  75. <div class="row_field">
  76. <select name="about">
  77. <option Value="NONE" Selected>-- Please Choose One --</option>
  78. <option value="News">News Article</option>
  79. <option value="Google">Google Search</option>
  80. <option value="Bing">Bing Search</option>
  81. <option value="OtherSearch">Other Search Engine</option>
  82. <option value="Friend">Friend's Referral</option>
  83. <option value="Miscellaneous">Other</option>
  84. </select>
  85. </div>
  86. </div>
  87. <div class="row">
  88. <div id="spStatus"></div>
  89. </div>
  90. </div>
  91.  
  92. <script>
  93. $(document).ready(function () {
  94.  
  95. jQuery.validator.setDefaults({
  96. debug: true,
  97. success: "valid"
  98. });
  99.  
  100. $.validator.methods.email = function( value, element ) {
  101. return this.optional( element ) || /[a-z]+@[a-z]+.[a-z]+/.test( value );
  102. }
  103.  
  104. $("#opener").button();
  105.  
  106. $("#opener").click(function () {
  107. $("#register").dialog("open");
  108. });
  109.  
  110.  
  111. $("#register").dialog({
  112. appendTo: "form",
  113. autoOpen: false,
  114. show: { effect: "fadeIn" },
  115. hide: { effect: "fadeOut" },
  116. modal: true,
  117. draggable: false,
  118. minWidth: 750,
  119. minHeight: 400,
  120. resizable: false,
  121. dialogClass: "no-close",
  122. buttons:
  123. [
  124. {
  125. class: "firstButton",
  126. text: "Register Me",
  127. click: function () {
  128. $("#register").find(':input').validate({
  129. rules: {
  130. userName: {
  131. required: true,
  132. minLength: 10
  133. },
  134. email: {
  135. required: true,
  136. email: true
  137. },
  138. pwd: {
  139. required: true,
  140. minLength: 8
  141. },
  142. conPwd: {
  143. equalTo: "#pwd"
  144. }
  145. },
  146. messages: {
  147. userName: {
  148. required: "* required",
  149. minlength: jQuery.validator.format("At least {0} characters required!")
  150. }
  151. }
  152. });
  153. var status = $("#register").find(':input').valid();
  154. if (status == false) {
  155. alert('Invalid form!');
  156. return false;
  157. }
  158.  
  159. var formData = {};
  160. $('#register').find(':input').each(function () {
  161. formData[this.name] = this.value;
  162. });
  163. var json = JSON.stringify({ NewMember: formData });
  164. $.ajax({
  165. url: "Services/members.asmx/ValidateUser",
  166. timeout: 30000,
  167. type: 'post',
  168. data: json,
  169. dataType:'json',
  170. contentType: "application/json; charset=utf-8",
  171. error: function (returner, textStatus, errorThrown) {
  172. if (textStatus == "error") {
  173. $("#spStatus").css('class', 'textRed')
  174. .text("Oops!! : " + returner.status
  175. + " " + returner.statusText);
  176. }
  177. },
  178. success: function (data) {
  179. $("#spStatus").css('class', 'textGreen').text(response.Reply);
  180. //$(this).dialog("close");
  181. }
  182. })
  183. }
  184. },
  185. {
  186. class: "lastButton",
  187. text: "Maybe Later",
  188. click: function () {
  189. $(this).dialog("close");
  190. }
  191. }
  192. ]
  193. });
  194. });
  195. </script>
  196.  
  197. [WebMethod]
  198. [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
  199. public string ValidateUser(Registrant NewMember)
  200. {
  201. EnrollResponse r = new EnrollResponse("400","Invalid User Name Selected");
  202. return JsonConvert.SerializeObject(r);
  203. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement