script herkent form niet
Javascript herkent het form niet namelijk.
Met onderstaande code is het niet de bedoeling dat je door kan klikken met submit.
Maar ik krijg gewoon een ? achter de url na klikken op de submit button.
login_form heb ik ge-copy/pasted dus geen typefout.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form id="login_form" method="post" action="?">
<input type="text" class="form-control" id="naam" placeholder="Gebruikersnaam" />
<input type="password" class="form-control" id="password" placeholder="Wachtwoord" />
<input type="submit" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login_form").submit(function(event){
event.preventDefault();
}
});
</script>
Dit heb ik ook geprobeerd, $("#login_form").on('submit', function(event){
en <input type="button" value="login" /> werkt ook niet
Ik heb jQuery 1.11 en wordt geladen in chrome (te zien in tabblad Network)
Hopelijk kunnen jullie mij verder helpen.
Gewijzigd op 20/05/2014 16:39:36 door Patrick Bdo
Verder zou je in de functie achter event.preventDefault(); ook return false; kunnen zetten.
Daarnaast is er ook een andere methode namelijk je <input type="submit" wijzigen naar een type="button"
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form id="login_form" method="post" action="?">
<input type="text" class="form-control" id="naam" placeholder="Gebruikersnaam" />
<input type="password" class="form-control" id="password" placeholder="Wachtwoord" />
<input type="button" id="login-button" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login-button").click(function(event){
alert('test');
}
});
</script>
<input type="text" class="form-control" id="naam" placeholder="Gebruikersnaam" />
<input type="password" class="form-control" id="password" placeholder="Wachtwoord" />
<input type="button" id="login-button" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login-button").click(function(event){
alert('test');
}
});
</script>
Gewijzigd op 20/05/2014 17:11:30 door Frank Nietbelangrijk
type="button" id="login-button" wordt wel gezien
maar ga ik een stap verder dan blijft <form id> niet gezien worden.
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<form id="login_form" method="post" action="<?=site_url('user/login')?>">
<input type="text" id="naam" />
<input type="password" id="password" />
<input type="submit" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login_form").submit(function(event){
// event.preventDefault();
var url = $(this).attr('action');
var postData = $(this).serialize();
$.post(url, postData, function(0) {
}, 'json');
}
});
</script>
<input type="text" id="naam" />
<input type="password" id="password" />
<input type="submit" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login_form").submit(function(event){
// event.preventDefault();
var url = $(this).attr('action');
var postData = $(this).serialize();
$.post(url, postData, function(0) {
}, 'json');
}
});
</script>
user.php
Code (php)
1
2
3
4
5
2
3
4
5
public function login(){
print_r($_POST);
}
print_r($_POST);
}
Array blijft leeg
Ik zie echt niet wat er fout gaat.
Het is jquery met codeIgniter trouwens.
Als ik het volgende doe hoor ik toch een alert te krijgen?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form id="login_form" method="post" action="?">
<input type="text" id="naam" />
<input type="password" id="password" />
<input type="submit" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login_form").submit(function(event){
alert('test'):
}
});
</script>
[\code]
<input type="text" id="naam" />
<input type="password" id="password" />
<input type="submit" value="login" />
</form>
<script type="text/javascript">
$(function(){
$("#login_form").submit(function(event){
alert('test'):
}
});
</script>
[\code]
Ik ga de inlog wel met PHP maken.
Kan het zijn dat javascript bug-gevoeliger is dan PHP?
Of moet ik de fout echt bij mezelf zoeken? Ik zie de fout niet maar doe vast iets verkeerds.
Code (php)
1
< input type="text" id="username" name="username" >
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready(function(){
$("#login_form").submit(function(event){
alert('test'):
}
});
</script>
$(document).ready(function(){
$("#login_form").submit(function(event){
alert('test'):
}
});
</script>
Makkelijke manier om te testen of dit het probleem oplost is overigens dit deel even op je console uitvoeren als je pagina geladen is :
Code (php)
1
2
3
4
2
3
4
$("#login_form").submit(function(event){
alert('test'):
}
alert('test'):
}
Sidenote : Je login is wel het laatste wat je in javascript wil maken
Gewijzigd op 21/05/2014 09:20:51 door Jacco Engel