Har kodat ihop ett avancerat formulär som är en skoluppgift. Ska redovisa det imorgon men har två problem. Det första problemet är att jag inte kan skicka vidare formuläret till en hemsida. Har Web Developer pluginet installerat i Firefox och säger att felet är
Error: vali.form.submit is not a function
Source Line: 365
när man ska skicka formuläret.
Problem nummer två är att jag inte vet hur man ska lägga till en li tagg efter en annan med javascript.
En genererad kod kan se ut så här
<li><input name="efternamn" type="text"><li class="tooltip">Ange bara bokstäver</li></li>
<li><input name="blaha" type="text"></li>
medan jag vill att det ska se ut så här i koden
<li><input name="efternamn" type="text"></li>
<li class="tooltip">Ange bara bokstäver</li>
<li><input name="blaha" type="text"></li>
<li><input name="postnummer" type="text"></li>
Eftersom javascriptfilen är väldigt stor så skickar jag med en länk
JavaScriptfilen
Index.html och stilmallen finns på
http://homepage.te.hik.se/student/se22du/visa/validering/
@nders skrev:
- Du får inte ha ett element på sidan som heter submit. Byt namn.
Hmm får man byta dom till button istället?
@ndersMedlem sedan juni 200032 969 inlägg Kan du inte bara byta namn på det som heter submit? Byt alltså inte typ, bara namn.
@nders skrev:
Kan du inte bara byta namn på det som heter submit? Byt alltså inte typ, bara namn.
Tackar tackar det fungerar bra nu. Sen att ingen data skickas är en annan femma.
@ndersMedlem sedan juni 200032 969 inlägg Eftersom du numera inte har något element som heter submit så glöm inte bort att ändra alla referenser till det elementet, så du kallar på det med det nya namnet.
Det har jag redan fixat:) men jag vette katten varför den inte skickar formuläret.
@ndersMedlem sedan juni 200032 969 inlägg Jag får i alla fall ett javascript fel som detta på din sida:
"vali.form.elements.submit.parentNode is null or not an object"
@nders skrev:
Jag får i alla fall ett javascript fel som detta på din sida:
"vali.form.elements.submit.parentNode is null or not an object"
Samma problem för mig. Men nu hittade jag felet. Det är så att datan kan inte skickas om textfälten är disabelade. Nu är det inte många problem kvar:)
Du kan inte använda appendChild till detta. (Om du inte vill lägga till föremålet sist i listan) För att lägga det någon annanstans ska du använda insertBefore. Se följande exmpel:
<script type="text/javascript">
window.onload=function(){
var innan=document.getElementById('efterdenna').nextSibling;
var minLista=document.getElementById('minlista')
var nyttFöremål=document.createElement("li");
nyttFöremål.appendChild(document.createTextNode("tre"));
minLista.insertBefore(nyttFöremål, innan);
}
</script>
<ul id="minlista">
<li>1
<li id="efterdenna">2
<li>4
</ul>
Att lägga till ev formulär-element i listan bör gå enkelt med document.createElement samt appendChild på ditt nyskapade element.
TUSEN TACK nitro2k01=) Härligt att få det fungera. Nu blir det tyst på min lärare som ville att jag skulle lösa det på ett annat sätt:D
Bara av intresse, ur ville din lärare att lösningen skulle se ut?
