Anzahl von onSubmit-Befehlen
Stefan
- javascript
0 seppel0
Der Martin
Hi erstmal.
Ich habe das Problem, dass ich nicht weiß wieviele onSubmit-Befehle ich den form-Tag reinsetzen kann. Das heißt, ich habe ein Formular gebastelt, mit 3 check Befehlen, die beim Klicken des Buttons das Formular überprüfen. Als ich alle drei im onSubmit Bereich hatte gings nicht mehr, aber als ich eins von drein raus nahm gings wieder.
zum besseren Verständnis hier mein Quelltext (nicht wundern, hab ich ausm Netz von www.nightfire.ch):
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Colin Pc (webmaster@insighteye.com) -->
<!-- Web Site: http://www.insighteye.com/ -->
<!-- Begin
function checkCheckBox(f){
if (f.agree.checked == false )
{
alert('Please check the box to continue.');
return false;
}else
return true;
}
// End -->
</script>
<script language="JavaScript">
<!-- Begin
function checkrequired(which) {
var pass=true;
if (document.images) {
for (i=0;i<which.length;i++) {
var tempobj=which.elements[i];
if (tempobj.name.substring(0,8)=="required") {
if (((tempobj.type=="text"||tempobj.type=="textarea")&&
tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
tempobj.selectedIndex==0)) {
pass=false;
break;
}
}
}
}
if (!pass) {
shortFieldName=tempobj.name.substring(8,30).toUpperCase();
alert("Bitte füllen Sie "+shortFieldName+" vollständig aus.");
return false;
}
else
return true;
}
// End -->
</script>
<script language="JavaScript">
// -->
<!-- Begin
function emailCheck (emailStr) {
/* The following variable tells the rest of the function whether or not
to verify that the address ends in a two-letter country or well-known
TLD. 1 means check it, 0 means don't. */
var checkTLD=1;
/* The following is the list of known TLDs that an e-mail address must end with. */
var knownDomsPat=/^(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum)$/;
/* The following pattern is used to check if the entered e-mail address
fits the user@domain format. It also is used to separate the username
from the domain. */
var emailPat=/^(.+)@(.+)$/;
/* The following string represents the pattern for matching all special
characters. We don't want to allow special characters in the address.
These characters include ( ) < > @ , ; : \ " . [ ] */
var specialChars="\(\)><@,;:\\\"\.\[\]";
/* The following string represents the range of characters allowed in a
username or domainname. It really states which chars aren't allowed.*/
var validChars="[^\s" + specialChars + "]";
/* The following pattern applies if the "user" is a quoted string (in
which case, there are no rules about which characters are allowed
and which aren't; anything goes). E.g. "jiminy cricket"@disney.com
is a legal e-mail address. */
var quotedUser="("[^"]*")";
/* The following pattern applies for domains that are IP addresses,
rather than symbolic names. E.g. joe@[123.124.233.4] is a legal
e-mail address. NOTE: The square brackets are required. */
var ipDomainPat=/^[(\d{1,3}).(\d{1,3}).(\d{1,3}).(\d{1,3})]$/;
/* The following string represents an atom (basically a series of non-special characters.) */
var atom=validChars + '+';
/* The following string represents one word in the typical username.
For example, in john.doe@somewhere.com, john and doe are words.
Basically, a word is either an atom or quoted string. */
var word="(" + atom + "|" + quotedUser + ")";
// The following pattern describes the structure of the user
var userPat=new RegExp("^" + word + "(\." + word + ")*$");
/* The following pattern describes the structure of a normal symbolic
domain, as opposed to ipDomainPat, shown above. */
var domainPat=new RegExp("^" + atom + "(\." + atom +")*$");
/* Finally, let's start trying to figure out if the supplied address is valid. */
/* Begin with the coarse pattern to simply break up user@domain into
different pieces that are easy to analyze. */
var matchArray=emailStr.match(emailPat);
if (matchArray==null) {
/* Too many/few @'s or something; basically, this address doesn't
even fit the general mould of a valid e-mail address. */
alert("Email address seems incorrect (check @ and .'s)");
return false;
}
var user=matchArray[1];
var domain=matchArray[2];
// Start by checking that only basic ASCII characters are in the strings (0-127).
for (i=0; i<user.length; i++) {
if (user.charCodeAt(i)>127) {
alert("Ths username contains invalid characters.");
return false;
}
}
for (i=0; i<domain.length; i++) {
if (domain.charCodeAt(i)>127) {
alert("Ths domain name contains invalid characters.");
return false;
}
}
// See if "user" is valid
if (user.match(userPat)==null) {
// user is not valid
alert("The username doesn't seem to be valid.");
return false;
}
/* if the e-mail address is at an IP address (as opposed to a symbolic
host name) make sure the IP address is valid. */
var IPArray=domain.match(ipDomainPat);
if (IPArray!=null) {
// this is an IP address
for (var i=1;i<=4;i++) {
if (IPArray[i]>255) {
alert("Destination IP address is invalid!");
return false;
}
}
return true;
}
// Domain is symbolic name. Check if it's valid.
var atomPat=new RegExp("^" + atom + "$");
var domArr=domain.split(".");
var len=domArr.length;
for (i=0;i<len;i++) {
if (domArr[i].search(atomPat)==-1) {
alert("The domain name does not seem to be valid.");
return false;
}
}
/* domain name seems valid, but now make sure that it ends in a
known top-level domain (like com, edu, gov) or a two-letter word,
representing country (uk, nl), and that there's a hostname preceding
the domain or country. */
if (checkTLD && domArr[domArr.length-1].length!=2 &&
domArr[domArr.length-1].search(knownDomsPat)==-1) {
alert("The address must end in a well-known domain or two letter " + "country.");
return false;
}
// Make sure there's a host name preceding the domain.
if (len<2) {
alert("This address is missing a hostname!");
return false;
}
// If we've gotten this far, everything's valid!
return true;
}
// End -->
</script>
<form action="...(PL Datei)..." method="post" onSubmit="checkCheckBox(this); return checkrequired(this); return emailCheck(this.email.value;">
<input type="hidden" name="return" value="danke.htm">
<input type="hidden" name="delimiter" value=": ">
<input type="hidden" name="subject" value="Feedback-Formular">
...(Einige Textfelder und E-Mail Feld)
...(mit name"..." speziell wegen dem E-Mail Feld)
...
<input type="checkbox" value="0" name="agree">Ich habe die <a href="agb.htm" target="_blank">AGBs</a> und die <a href="datens.htm" target="_blank">Datenschutzerklärung</a> gelesen und verstanden.
<input type="submit" name="agb" value="Weiter">
<input type="button" value="Zurück" onClick="document.location.href="index.htm"">
</form>
nabend,
ist mir nen bissle zu viel Quellcode um mir den anzugucken, aber mach doch nur eine Check-Funktion, die alle 3 Felder überprüft:
bspw. überprüfe ich hier ob das Datumsformat i.O. ist und ein weiteres Feld muss numerisch sein...:
function CheckFields()
{
var Check1, Check2, Check3 = true;
if (this.document.forms[0].DateFrom.value.length!=0) {
Check1 = checkDate(this.document.forms[0].DateFrom); }
if (this.document.forms[0].DateTo.value.length!=0) {
Check2 = checkDate(this.document.forms[0].DateTo); }
if (this.document.forms[0].Instrument.value.length!=0) {
Check3 = checkInt(this.document.forms[0].Number.value);
if (Check3 != true) {
alert("Field xy has to be a number"); }
}
if (Check1 != false && Check2 != false && Check3 != false) {
return true; }
else {
return false; }
}
Der Aufruf ist ja bekannt...und Submit wird halt nur ausgefürht wenn alle 3 Felder i.O. sind. (geht bestimmt auch eleganter aber funzt ohne Probleme)
Gruss
Seppel
n'Abend!
<form action="...(PL Datei)..." method="post" onSubmit="checkCheckBox(this); return checkrequired(this); return emailCheck(this.email.value;">
Dieser onsubmit-Handler ist etwas verunglückt: Erst wird checkCheckBox(this) aufgerufen und dessen Rückgabewert verworfen, dann checkrequired(this) und dessen Rückgabewert andgültig zurückgegeben. Was du mit emailcheck() noch im Sinn hast, dass ja nie aufgerufen werden *kann*, ist mir schleierhaft.
Ein simples Aneinanderreihen von Javascript-Statements ergibt noch keinen Sinn, du musst auch die Logigk darin beachten!
So long,
Martin
Dieser onsubmit-Handler ist etwas verunglückt: Erst wird checkCheckBox(this) aufgerufen und dessen Rückgabewert verworfen, dann checkrequired(this) und dessen Rückgabewert andgültig zurückgegeben. Was du mit emailcheck() noch im Sinn hast, dass ja nie aufgerufen werden *kann*, ist mir schleierhaft.
Ein simples Aneinanderreihen von Javascript-Statements ergibt noch keinen Sinn, du musst auch die Logigk darin beachten!
Alles gut und schön, das du mir versuchst zu sagen, dass das was ich gebaut hab keinen Sinn ergibt, aber ich habe absolut keinen Plan was daran überhaupt Sinn hat und was nicht, ich hab das heute alles zum ersten mal gemacht. Ich hab absolut kp von Formularen, aber auch keine Lust auf Vorlagen.
Bitte hilf mir doch, indem du mir es erklärst.
Danke
Moin!
Alles gut und schön, das du mir versuchst zu sagen, dass das was ich gebaut hab keinen Sinn ergibt, [...] Ich hab absolut kp von Formularen, aber auch keine Lust auf Vorlagen.
Es hapert nicht bei Deinem Formularwissen sondern bei den Grundlagen von JavaScript.
Was er versucht hat zu erklären ist, daß bei einem submit folgende Befehle laut Deinem Code ausgeführt werden sollen:
checkCheckBox(this);
return checkrequired(this);
return emailCheck(this.email.value;
So hast Du es in das onsubmit Attribut eingebaut.
Diese Sequenz bedeutet:
1. führe checkCheckBox(this); aus
Die funktion liefert einen Wert (true/false) den Du aber nicht weiter verarbeitest
2. führe return checkrequired(this); aus
Den Wert, den diese Funktion liefert, liefer als Endergebnis für meine onsubmit Aktion aus.
3. ... Nichts... Den nach dem Return von 2. geht es nicht weiter. Die Abarbeitung von onsubmit ist erledigt.
Ich den, was Du wolltest, ist, daß alle 3 funktionen erfolgreich durchgeführt sein müssen, richtig.
Also checkCheckBox(this) UND checkrequired(this) UND emailCheck(this.email.value) richtig?
Na und da steht es auch schon! Ein UND muß dazwischen!
checkCheckBox(this) && checkrequired(this) && emailCheck(this.email.value)
Das Ergebnis muß dann aber auch noch zurückgegeben werden, also:
return checkCheckBox(this) && checkrequired(this) && emailCheck(this.email.value)
Beachte: Sobald eine der Funktionen "false" liefert, werden die folgenden gar nicht erst aufgerufen, da das Ergebnis "false" ja dann schon feststeht.
-- Skeeve