kostenloser Webspace werbefrei: lima-city

Problem mit AJAX Formular

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   kasplodger

   kasplodger hat kostenlosen Webspace.

   21:20, 18.3.2014

   Hallo Zusammen,
   
   Ich bin gerade dabei eine AJAX Form zu erstellen allerdings tut er nicht was er soll , wenn ich auf den Abschicken Button drücke. Eigentlich soll dann ein Text in einem Div Kasten erscheinen , allerdings ignoriert er einfach den Javascript Code.
   
   Vielleicht hat ja jemand von euch eine Idee warum das nicht funzt ;)
   
   

   <script type="text/javascript" href="http://code.jquery.com/jquery-1.7.2.js"></script>
   		<script type="text/javascript">
   		$(document).ready(function() {
   			$("#login_form").submit(function() {
   					$("#kasten").html("<font color='green'>Wird gesendet...</font>");
   					
   					return false;
   				});
   		});
   		</script>
   	
   		
   		<div id="content">
   		<!--- AJAX Formular das bei richtigen Daten direkt per Header weiterleitet --->
   		<div id="kasten"></div>
   			<form id="login_form"  method="POST" >
   				<input type="text" id="username" name="username" class="inputs" placeholder="Username" /> <br />
   				<input type="password" id="password" class="inputs" placeholder="Password" /><br />
   				<input type="submit" class="login_btn" value="Login" />	
   			</form>	
   				
   		
   		</div>

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. lucas9991

   

   lucas9991 hat kostenlosen Webspace.

   22:21, 18.3.2014

   Einfach mal die Console öffnen mit "F12".
   "Uncaught ReferenceError: $ is not defined "
   
   Dann sehen, dass jquery nicht geladen wird und so wie ich erst mal googlen... :D
   Uuuund daaaann merken, dass du "href" anstatt "src" geschrieben hast. :D
   
   Beitrag zuletzt geändert: 19.3.2014 0:24:36 von lucas9991
4. Autor dieses Themas

   kasplodger

   kasplodger hat kostenlosen Webspace.

   23:40, 18.3.2014

   Juhu es geht!
   
   
   Vielen lieben dank!
   
   Der Trick mit F12 kam noch ein paar mal hilfreich zugute!

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?