Last change
on this file since 28599 was 28599, checked in by jlwhisler, 10 years ago |
Draft interface for use in Defining Libraries tutorial.
|
File size:
1.4 KB
|
Line | |
---|
1 | jQuery(document).ready(function($){
|
---|
2 |
|
---|
3 | // hide messages
|
---|
4 | $("#error").hide();
|
---|
5 | $("#sent-form-msg").hide();
|
---|
6 |
|
---|
7 | // on submit...
|
---|
8 | $("#contactForm #submit").click(function() {
|
---|
9 | $("#error").hide();
|
---|
10 |
|
---|
11 | //required:
|
---|
12 |
|
---|
13 | //name
|
---|
14 | var name = $("input#name").val();
|
---|
15 | if(name == ""){
|
---|
16 | $("#error").fadeIn().text("Name required.");
|
---|
17 | $("input#name").focus();
|
---|
18 | return false;
|
---|
19 | }
|
---|
20 |
|
---|
21 | // email
|
---|
22 | var email = $("input#email").val();
|
---|
23 | if(email == ""){
|
---|
24 | $("#error").fadeIn().text("Email required");
|
---|
25 | $("input#email").focus();
|
---|
26 | return false;
|
---|
27 | }
|
---|
28 |
|
---|
29 | // web
|
---|
30 | var web = $("input#web").val();
|
---|
31 | if(web == ""){
|
---|
32 | $("#error").fadeIn().text("Web required");
|
---|
33 | $("input#web").focus();
|
---|
34 | return false;
|
---|
35 | }
|
---|
36 |
|
---|
37 | // comments
|
---|
38 | var comments = $("#comments").val();
|
---|
39 |
|
---|
40 | // send mail php
|
---|
41 | var sendMailUrl = $("#sendMailUrl").val();
|
---|
42 |
|
---|
43 | //to, from & subject
|
---|
44 | var to = $("#to").val();
|
---|
45 | var from = $("#from").val();
|
---|
46 | var subject = $("#subject").val();
|
---|
47 |
|
---|
48 | // data string
|
---|
49 | var dataString = 'name='+ name
|
---|
50 | + '&email=' + email
|
---|
51 | + '&web=' + web
|
---|
52 | + '&comments=' + comments
|
---|
53 | + '&to=' + to
|
---|
54 | + '&from=' + from
|
---|
55 | + '&subject=' + subject;
|
---|
56 | // ajax
|
---|
57 | $.ajax({
|
---|
58 | type:"POST",
|
---|
59 | url: sendMailUrl,
|
---|
60 | data: dataString,
|
---|
61 | success: success()
|
---|
62 | });
|
---|
63 | });
|
---|
64 |
|
---|
65 |
|
---|
66 | // on success...
|
---|
67 | function success(){
|
---|
68 | $("#sent-form-msg").fadeIn();
|
---|
69 | $("#contactForm").fadeOut();
|
---|
70 | }
|
---|
71 |
|
---|
72 | return false;
|
---|
73 | });
|
---|
74 |
|
---|
Note:
See
TracBrowser
for help on using the repository browser.