Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- buttons:
- [
- {
- class: "firstButton",
- text: "Register Me",
- click: function () {
- ($("#register").find(':input')).validate({
- rules: {
- userName: {
- required: true,
- minLength: 10
- },
- email: {
- required: true,
- email: true
- },
- pwd: {
- required: true,
- minLength: 8
- },
- conPwd: {
- equalTo: "#pwd"
- }
- },
- messages: {
- userName: {
- required: "* required",
- minlength: jQuery.validator.format("At least {0} characters required!")
- }
- }
- });
- var status = ($("#register").find(":input")).valid();
- if (status == false) {
- alert('Invalid form!');
- return false;
- }
- <div id="register" title="New Member Registration">
- <div class="modalCaption">
- <span class="red">Fields in red</span>
- <span>are required. Your information is not shared with anyone and is fully encrypted in our
- database for your peace of mind.</span>
- </div>
- <br />
- <div class="row">
- <div class="row_label_red">Desired User Name :</div>
- <div class="row_field"><input type="text" name="userName" size="32" MaxLength="32" required/></div>
- </div>
- <div class="row">
- <div class="row_label_red">Your Email :</div>
- <div class="row_field"><input type="text" name="email" size="32" MaxLength="64" required/></div>
- </div>
- <div class="row">
- <div class="row_label_red">Password (6 char. min) :</div>
- <div class="row_field"><input type="password" name="pwd" size="32" MaxLength="32" required /></div>
- </div>
- <div class="row">
- <div class="row_label_red">Confirm Password :</div>
- <div class="row_field"><input type="password" name="conPwd" size="32" MaxLength="32" required/></div>
- </div>
- <div class="row">
- <div class="row_label">Your Last Name :</div>
- <div class="row_field"><input type="text" name="lastName" size="32" MaxLength="64" /></div>
- </div>
- <div class="row">
- <div class="row_label">Your First Name :</div>
- <div class="row_field"><input type="text" name="firstName" size="32" MaxLength="64" /></div>
- </div>
- <div class="row">
- <div class="row_label">ZIP/Postal Code :</div>
- <div class="row_field"><input type="text" name="zip" size="10" MaxLength="10" /></div>
- </div>
- <div class="row">
- <div class="row_label">How Did You Hear About Us?</div>
- <div class="row_field">
- <select name="about">
- <option Value="NONE" Selected>-- Please Choose One --</option>
- <option value="News">News Article</option>
- <option value="Google">Google Search</option>
- <option value="Bing">Bing Search</option>
- <option value="OtherSearch">Other Search Engine</option>
- <option value="Friend">Friend's Referral</option>
- <option value="Miscellaneous">Other</option>
- </select>
- </div>
- </div>
- <div class="row">
- <div id="spStatus"></div>
- </div>
- </div>
- <script>
- $(document).ready(function () {
- jQuery.validator.setDefaults({
- debug: true,
- success: "valid"
- });
- $.validator.methods.email = function( value, element ) {
- return this.optional( element ) || /[a-z]+@[a-z]+.[a-z]+/.test( value );
- }
- $("#opener").button();
- $("#opener").click(function () {
- $("#register").dialog("open");
- });
- $("#register").dialog({
- appendTo: "form",
- autoOpen: false,
- show: { effect: "fadeIn" },
- hide: { effect: "fadeOut" },
- modal: true,
- draggable: false,
- minWidth: 750,
- minHeight: 400,
- resizable: false,
- dialogClass: "no-close",
- buttons:
- [
- {
- class: "firstButton",
- text: "Register Me",
- click: function () {
- $("#register").find(':input').validate({
- rules: {
- userName: {
- required: true,
- minLength: 10
- },
- email: {
- required: true,
- email: true
- },
- pwd: {
- required: true,
- minLength: 8
- },
- conPwd: {
- equalTo: "#pwd"
- }
- },
- messages: {
- userName: {
- required: "* required",
- minlength: jQuery.validator.format("At least {0} characters required!")
- }
- }
- });
- var status = $("#register").find(':input').valid();
- if (status == false) {
- alert('Invalid form!');
- return false;
- }
- var formData = {};
- $('#register').find(':input').each(function () {
- formData[this.name] = this.value;
- });
- var json = JSON.stringify({ NewMember: formData });
- $.ajax({
- url: "Services/members.asmx/ValidateUser",
- timeout: 30000,
- type: 'post',
- data: json,
- dataType:'json',
- contentType: "application/json; charset=utf-8",
- error: function (returner, textStatus, errorThrown) {
- if (textStatus == "error") {
- $("#spStatus").css('class', 'textRed')
- .text("Oops!! : " + returner.status
- + " " + returner.statusText);
- }
- },
- success: function (data) {
- $("#spStatus").css('class', 'textGreen').text(response.Reply);
- //$(this).dialog("close");
- }
- })
- }
- },
- {
- class: "lastButton",
- text: "Maybe Later",
- click: function () {
- $(this).dialog("close");
- }
- }
- ]
- });
- });
- </script>
- [WebMethod]
- [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
- public string ValidateUser(Registrant NewMember)
- {
- EnrollResponse r = new EnrollResponse("400","Invalid User Name Selected");
- return JsonConvert.SerializeObject(r);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement