Search jQuery

jQuery Forum

Screen name:
eituutalvee

eituutalvee's Profile

3 Posts

7 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Clear form fields when user hits the submit button
[2Replies]
- 17-Jul-2012 07:03 AM
- Forum: Using jQuery
So I have a wordpress site and I have a contact form that I send with jquery ajax function, and so on. The validation stuff works fine and so on, but I want that the input fields will clear when user clicks the submit button, if the form is sent.
So here's my code for the sending:
2. $(function() {
3. $('.error').hide();
4. $("#Submit").click(function() {
5. // validate and process form here
7. $('.error').hide();
8. var Nimi = $.trim($("input#Nimi").val());
9. if (Nimi == "") {
10. $("label#nimi_error").show();
11. $("input#Nimi").focus();
12. return false;
13. }
14. var Puhelin = $.trim($("input#Puhelin").val());
15. if (Puhelin == "") {
16. $("label#puhelin_error").show();
17. $("input#Puhelin").focus();
18. return false;
19. }
20. var Sahkoposti = $.trim($("input#Sahkoposti").val());
21. if (Sahkoposti == "") {
22. $("label#sahkoposti_error").show();
23. $("input#Sahkoposti").focus();
24. return false;
25. }
27. });
28. });
29. var dataString = $('#knamecontactform').serialize();
31. $.ajax({
32. type: "POST",
33. url: "http://scriptit.kotisivut.name/wp/submitform.php",
34. data: dataString,
35. success: function() {
37. $("#messagesent").fadeIn();
39. }
40. });
41. return false;
The code checks for every input field if it's empty or not, and if first is empty, it shows the first error, if the second is empty, it shows the second error, one error at a time.
If it's sent, it will fade a message saying "Message sent" but the input fields are still containing the information, and user can spam using the submit button. What do I need to write to the success: function(){}
part that the inputs are cleared?

EDIT: Dreamweaver is also saying that it has a syntax error... But I can't locate it.

How to execute an event on option select?
[4Replies]
- 05-Jun-2012 09:02 AM
- Forum: Using jQuery
Hi, I'm trying to show a hidden table tr when selecting an option. I've tried this without successing.
2. <select name="asia" style="width:233px;" >
3. <option value="Viesti carcleaningcenter.fi:stä">Valitse</option>
4. <option value="Palaute" onChange="recipientselect()">Palaute</option>
5. <option value="Hinnasto" >Hinnasto</option>
6. <option value="Viesti carcleaningcenter.fi:stä">Jokin muu, mikä?</option>
jquery
1. (function recipientselect() {
2. $('.recipient').fadeIn('slow');
3. });
And the tr that should show up
1. <tr class="recipient" style="display:none;">
2. <td class="fltlt">Lähetä viesti</td>
3. <td class="fltrt">
4. <select name="kohde" style="width:233px;" >
5. <option value="carcleaningcenter@gmail.com">Carcleaningcenter.fi</option>
6. <option value="christian.nikkanen@gmail.com">Sivun tekijälle</option>
7. </select>
8. </td>
But it's not working. What's wrong with it? I'm trying to achieve the possibility to select me as a recipient from a contact form but only from a specific option.

Linking to pages using slideDown and slideUp
[6Replies]
- 23-May-2012 03:54 AM
- Forum: Using jQuery
I'm building a website. I've created the pages to work without page loads, and by clicking a link from the navbar, the content slides up and the new content slides visible. But, I can't link to any page, it always goes to the first page. I've tried this hashchange thing, and I can't get it working. But I need to get the linking work. Can anyone help?

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend