Jquery form zonder refresh
Ik ben bezig met een form submit zonder een refresh vanaf de server kant.
Nu ben ik de velden aan het valideren maar dan stuit ik op het volgende probleem
Als ik een normaal input typje controleer werkt dit met de volgende code
Code (php)
1
2
3
4
5
6
2
3
4
5
6
var titel = $("input#titel").val();
if (titel == "") {
$("label#titel_error").show();
$("input#titel").focus();
return false;
}
if (titel == "") {
$("label#titel_error").show();
$("input#titel").focus();
return false;
}
Wil ik nu een selectbox gaan valideren loopt het mis. Als ik input verander door select refesht hij de pagina en doet hij voor de rest niks. Iemand raad?
Gesponsorde koppelingen:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
var catagorie = $("select#catagorie").val();
if (catagorie == "") {
$("label#catagorie_error").show();
$("select#catagorie").focus();
return false;
}
if (catagorie == "") {
$("label#catagorie_error").show();
$("select#catagorie").focus();
return false;
}
PS: staat ook in vorige post maar ok:P
Gewijzigd op 01/01/1970 01:00:00 door Niels Kieviet
Heb je een onChange event gebind aan je select?
De code die jij nu namenlijk opgeeft zal niet je pagina refreshen of wat dan ook.
Log maar in met
naam: Niels
wachtwoord: ****
Ook zit ik nog met de vraag hoe ik dat formulier goed kan fixen.
Gewijzigd op 30/11/2011 21:35:30 door Niels Kieviet
Verder: Zet je ID op de Select, niet op de Label. dan geeft hij mij de juiste waarde (met $('select#categorie').val();)
Ik zie het ja.. Maar in FF doe thie dat weer niet:S Maar ik heb het nu voor een groot deel gefixt. Als ik het helemaal niet kan fixen dan bump ik nog wel een keer. Tot nu toe loopt het weer aardig. Bedankt!
met $('select#categorie').val(); kreeg ik niks terug. ook niet met $('[name=categorie'].val(); Door handmatig even de ID van de label af te halen en op de select te zetten kreeg ik hem wel terug.
Misschien wel de meest handige tool die ik ooit gebruikt heb (miss zelfs handiger dan de zend debugger 0o)
Nu wil ik dus controleren met javascript maar als ik van input textarea of select maakt werkt het niet. Dit is de code hoe ik ze controlereer
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
$(function() {
$('.error').hide();
$('input.text-input').css({backgroundColor:"#FFFFFF"});
$('input.text-input').focus(function(){
$(this).css({backgroundColor:"#FFDDAA"});
});
$('input.text-input').blur(function(){
$(this).css({backgroundColor:"#FFFFFF"});
});
$(".button").click(function() {
$('.error').hide();
var titel = $("input#titel").val();
if (titel == "")
{
$("td#titel_error").show();
$("input#titel").focus();
return false;
}
var productie = $("input#productie").val();
if (productie == "")
{
$("td#productie_error").show();
$("input#productie").focus();
return false;
}
var geldwaarde = $("input#geldwaarde").val();
if (geldwaarde == "")
{
$("td#geldwaarde_error").show();
$("input#geldwaarde").focus();
return false;
}
var locatie = $("input#locatie").val();
if (locatie == "")
{
$("td#locatie_error").show();
$("input#locatie").focus();
return false;
}
var omschrijving = $("input#omschrijving").val();
if (omschrijving == "")
{
$("td#omschrijving_error").show();
$("input#omschrijving").focus();
return false;
}
$('.error').hide();
$('input.text-input').css({backgroundColor:"#FFFFFF"});
$('input.text-input').focus(function(){
$(this).css({backgroundColor:"#FFDDAA"});
});
$('input.text-input').blur(function(){
$(this).css({backgroundColor:"#FFFFFF"});
});
$(".button").click(function() {
$('.error').hide();
var titel = $("input#titel").val();
if (titel == "")
{
$("td#titel_error").show();
$("input#titel").focus();
return false;
}
var productie = $("input#productie").val();
if (productie == "")
{
$("td#productie_error").show();
$("input#productie").focus();
return false;
}
var geldwaarde = $("input#geldwaarde").val();
if (geldwaarde == "")
{
$("td#geldwaarde_error").show();
$("input#geldwaarde").focus();
return false;
}
var locatie = $("input#locatie").val();
if (locatie == "")
{
$("td#locatie_error").show();
$("input#locatie").focus();
return false;
}
var omschrijving = $("input#omschrijving").val();
if (omschrijving == "")
{
$("td#omschrijving_error").show();
$("input#omschrijving").focus();
return false;
}
Iemand raad?
