Just nu i M3-nätverket
Gå till innehåll

Utskrivande av data ur formulär


farliga

Rekommendera Poster

Har ett formulär som jag håller på med och jag vill att när man trycker på submit ska det man skrivit in i formuläret komma upp i form av en alertruta, (och sen när man väl tryckt "ok" i alertrutan så kommer man vidare som vanligt)

 

 

 

Länk till kommentar
Dela på andra webbplatser

input type="submit" onclick="javascript:alert("texten");">

 

men när jag skriver så så står det ju bara "texten", jag måste väl anropa att få datan som användaren har skrivit på nåt sätt?

 

Länk till kommentar
Dela på andra webbplatser

jag måste väl anropa att få datan som användaren har skrivit på nåt sätt?

 

vill du att det man har fyllt i formuläret ska visas i alerten?

 

Länk till kommentar
Dela på andra webbplatser

men när jag skriver så så står det ju bara "texten", jag måste väl anropa att få datan som användaren har skrivit på nåt sätt?

För att ex. skriva ut värdet ur textfältet med NAME="Data" ändrar du till:

onclick="alert(document.getElementsByName('Data')[0].value);"

 

"kan"? Jag trodde det var direkt fel med javascript: på ställen där det inte förväntas en URL.

Så är det med all säkerhet. Man får vara försiktig med sina ordval =)

[inlägget ändrat 2006-12-23 19:32:45 av Anjuna Moon]

Länk till kommentar
Dela på andra webbplatser

Björketorparn

Anjuna Moon:

 

Jag läste nånstans att du skrev att du var påväg bort från eforum PGA att du tyckte att du var lite "out of date"..

Men du får ursäkta mig när jag inte kan förstå det, för du verkar ju kunna svara på det mesta =)

 

Länk till kommentar
Dela på andra webbplatser

Men du får ursäkta mig när jag inte kan förstå det, för du verkar ju kunna svara på det mesta

Hehe, ibland är det väl så att självkritiken är den som är hårdast. Det kanske har med ålderspanik att göra, vad vet jag =)

 

 

Länk till kommentar
Dela på andra webbplatser

Okej, tack så mycket, men hur gör man för att skriva ut flera?

 

tex jag har ett formulär som man ska skriva in namn, adress, email (?)

 

Länk till kommentar
Dela på andra webbplatser

du fortsätter bara att lägga till:

 

onclick="alert(document.getElementsByName('Namn')[0].value[color="#ff0000"]+[/color]
document.getElementsByName('Adress')[0].value[color="#ff0000"]+[/color]
document.getElementsByName('Email')[0].value);"

 

 

edit: oj då nu blev det långt

[inlägget ändrat 2006-12-23 20:38:25 av Codler]

Länk till kommentar
Dela på andra webbplatser

Lägg in följande funktion mellan dina SCRIPT-taggar (i den första raden ser du var du lägger in namnen på de fält du vill visa)

 

var arrFields=new Array('Email','Name','Address');
function GetValues() {
var sRet='Värden:\n\n';
for (i=0;i<arrFields.length;i++) {
sVal=document.getElementsByName(arrFields[i])[0].value;
sName=arrFields[i];
sRet+=sName+': '+sVal+'\n';
}
return (sRet);
}

 

och anropa med

onclick="alert(GetValues());
"

 

Länk till kommentar
Dela på andra webbplatser

får testa, återkommer snart troligen :)

[inlägget ändrat 2006-12-23 20:48:03 av farliga]

 

 

[log]<html>

<head>

<title>test</title>

</head>

 

<script language="JavaScript">

// Funktionen för att flytta knappen

var arrSteps=new Array(90,490,497,438,858,368);

var nSteps=arrSteps.length/2;

var nCount=0;

function MoveButton(oBt) {

if (nCount<nSteps) {

x=arrSteps[nCount*2];

y=arrSteps[nCount*2+1];

oBt.style.left=x+'px';

oBt.style.top=y+'px';

nCount++;

}

}

 

// Funktionen för att kontrollera ditt formulär

function korrektinmatning() {

var oFornamn = document.getElementById("namn").value;

var oEfternamn = document.getElementById("efternamn").value;

var oEmail = document.getElementById("email").value;

var blnStatus = true;

if(oFornamn.length > 0 && oFornamn.match(/\d/)) {

blnStatus = false;

alert("Inga siffror i namnet");

}

else if(oFornamn.length == 0) {

blnStatus = false;

alert("Har du inga tecken i namnet");

}

if(oEfternamn.length > 0 && oEfternamn.match(/\d/)) {

blnStatus = false;

alert("Inga siffror i efternamnet");

}

else if(oEfternamn.length == 0) {

blnStatus = false;

alert("Har du inga tecken i efternamnet");

}

if(!oEmail.match(/[@]/)) {

blnStatus = false;

alert("Du har inget @-tecken i emailadressen");

}

if(blnStatus) {

document.getElementById("form").submit();

}

}

 

</script>

</head>

<body>

<h1>Test</h1>

<form name="form" action="index.asp" method="POST" id="form">

Förnamn: <input type="text" name="oFornamn" size="30" id="namn"><br />

Efternamn: <input type="text" name="oEfternamn" size="30" id="efternamn"><br />

Email: <input type="text" name="oemail" size="30" id="email"><br />

Tele: <input type="text" name="tele" size="30"><br />

Kommentarer: <input type="text" name="Kommentarer" size="30"><br />

<input type="button" value="Skicka" style="position:absolute;left:10px;top:280px;" onmouseover="MoveButton(this);" onClick="korrektinmatning()">

</form><p><U><h2>Test</h2></U></p><br><br><br><br><br><br><br>

 

<img src="bild.gif">[/log]

 

Njae, så här ser formuläret ut nu, var ska jag inte trycka in det?

[inlägget ändrat 2006-12-23 20:50:19 av farliga]

Länk till kommentar
Dela på andra webbplatser

Här är din kod, med mina delar inlagda där de skall:

[log]

<html>
<head>
<title>test</title>
</head>

<script language="JavaScript">

var arrFields=new Array('Email','Name','Address');
function GetValues() {
var sRet='Värden:\n\n';
for (i=0;i<arrFields.length;i++) {
sVal=document.getElementsByName(arrFields[i])[0].value;
sName=arrFields[i];
sRet+=sName+': '+sVal+'\n';
}
return (sRet);
}

// Funktionen för att flytta knappen
var arrSteps=new Array(90,490,497,438,858,368);
var nSteps=arrSteps.length/2;
var nCount=0;
function MoveButton(oBt) {
if (nCount<nSteps) {
x=arrSteps[nCount*2];
y=arrSteps[nCount*2+1];
oBt.style.left=x+'px';
oBt.style.top=y+'px';
nCount++;
}
}

// Funktionen för att kontrollera ditt formulär
function korrektinmatning() {
var oFornamn = document.getElementById("namn").value;
var oEfternamn = document.getElementById("efternamn").value;
var oEmail = document.getElementById("email").value;
var blnStatus = true;
if(oFornamn.length > 0 && oFornamn.match(/\d/)) {
blnStatus = false;
alert("Inga siffror i namnet");
}
else if(oFornamn.length == 0) {
blnStatus = false;
alert("Har du inga tecken i namnet");
}
if(oEfternamn.length > 0 && oEfternamn.match(/\d/)) {
blnStatus = false;
alert("Inga siffror i efternamnet");
}
else if(oEfternamn.length == 0) {
blnStatus = false;
alert("Har du inga tecken i efternamnet");
}
if(!oEmail.match(/[@]/)) {
blnStatus = false;
alert("Du har inget @-tecken i emailadressen");
}
if(blnStatus) {
document.getElementById("form").submit();
}
}

</script>
</head>
<body>
<h1>Test</h1>
<form name="form" action="index.asp" method="POST" id="form">
Förnamn: <input type="text" name="oFornamn" size="30" id="namn"><br />
Efternamn: <input type="text" name="oEfternamn" size="30" id="efternamn"><br />
Email: <input type="text" name="oemail" size="30" id="email"><br />
Tele: <input type="text" name="tele" size="30"><br />
Kommentarer: <input type="text" name="Kommentarer" size="30"><br />
<input type="button" value="Skicka" style="position:absolute;left:10px;top:280px;" onmouseover="MoveButton(this);" onClick="onclick="alert(GetValues());korrektinmatning()">
</form><p><U><h2>Testh2></U>
;</p><br><br><br><br><br>
;<br><br>

<img src="bild.gif">

[/log]

 

Länk till kommentar
Dela på andra webbplatser

Njae, de funka inte tyvärr

Ok, visste inte att jag var tvungen att göra allt arbete åt dig ;) Som jag skrev tidigare så skulle du lägga in fältnamnen i arrFields. Nå, nu har jag gjort det åt dig iallafall:

 

[log]

<html>
<head>
<title>test</title>
</head>

<script language="JavaScript">

var arrFields=new Array('oFornamn','oEfternamn','oemail','tele','Kommentarer');
function GetValues() {
var sRet='Värden:\n\n';
for (i=0;i<arrFields.length;i++) {
sVal=document.getElementsByName(arrFields[i])[0].value;
sName=arrFields[i];
sRet+=sName+': '+sVal+'\n';
}
return (sRet);
}

// Funktionen för att flytta knappen
var arrSteps=new Array(90,490,497,438,858,368);
var nSteps=arrSteps.length/2;
var nCount=0;
function MoveButton(oBt) {
if (nCount<nSteps) {
x=arrSteps[nCount*2];
y=arrSteps[nCount*2+1];
oBt.style.left=x+'px';
oBt.style.top=y+'px';
nCount++;
}
}

// Funktionen för att kontrollera ditt formulär
function korrektinmatning() {
var oFornamn = document.getElementById("namn").value;
var oEfternamn = document.getElementById("efternamn").value;
var oEmail = document.getElementById("email").value;
var blnStatus = true;
if(oFornamn.length > 0 && oFornamn.match(/\d/)) {
blnStatus = false;
alert("Inga siffror i namnet");
}
else if(oFornamn.length == 0) {
blnStatus = false;
alert("Har du inga tecken i namnet");
}
if(oEfternamn.length > 0 && oEfternamn.match(/\d/)) {
blnStatus = false;
alert("Inga siffror i efternamnet");
}
else if(oEfternamn.length == 0) {
blnStatus = false;
alert("Har du inga tecken i efternamnet");
}
if(!oEmail.match(/[@]/)) {
blnStatus = false;
alert("Du har inget @-tecken i emailadressen");
}
if(blnStatus) {
document.getElementById("form").submit();
}
}

</script>
</head>
<body>
<h1>Test</h1>
<form name="form" action="index.asp" method="POST" id="form">
Förnamn: <input type="text" name="oFornamn" size="30" id="namn"><br />
Efternamn: <input type="text" name="oEfternamn" size="30" id="efternamn"><br />
Email: <input type="text" name="oemail" size="30" id="email"><br />
Tele: <input type="text" name="tele" size="30"><br />
Kommentarer: <input type="text" name="Kommentarer" size="30"><br />
<input type="button" value="Skicka" style="position:absolute;left:10px;top:280px;" onmouseover="MoveButton(this);" onclick="alert(GetValues());korrektinmatning()">
</form><p><U><h2>Testh2></U>
;
;</p><br><br><br><br><br>
;
;<br><br>

<img src="bild.gif">

[/log]

 

[inlägget ändrat 2006-12-23 21:11:27 av Anjuna Moon]

Länk till kommentar
Dela på andra webbplatser

Glöm inte att dela ut lite poäng, det brukar uppskattas ofta bland de som lägger tid på att hjälpa till.

Det är ju ändå jul - så Anjuna är väl förtjänt av dem - han är ändå en av de bästa här.

 

God jul Anjuna :)

 

Länk till kommentar
Dela på andra webbplatser

:):) Tack för det värmande julinlägget Jonas_Bo! God Jul du med och ha det lugnt och skönt i helgen.

(Tack även för poängen! Hoppas bara att poängtalet 666 inte är ett dålgt omen för julen, fort någon, en poäng till! ;);))

 

Länk till kommentar
Dela på andra webbplatser

Hoppas bara att poängtalet 666 inte är ett dålgt omen för julen, fort någon, en poäng till!

 

Jag räddar dig, som tack för att du beslutat stanna kvar på eforum!

:)

[inlägget ändrat 2006-12-24 06:28:30 av SYS64738?]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...