2函數必須是真實的才能提交表單。（Javascript）

所以這兩個函數（chForumular（）和validate_user_text（））都是真實的提交表單。現在你不能發送沒有填入用戶名，年齡（在代碼Alter）和你的電子郵件的表單。但是第二個函數（validate_user_text）應該檢查郵件中是否有任何發誓詞（= Nachricht）知道它在您填寫三個字段（電子郵件，姓名和年齡）後提交表單。如果您在textarea中輸入了一個讚美詞，那麼請注意。（類似：對不起（（混蛋）））2函數必須是真實的才能提交表單。（Javascript）

如果你不明白，你認爲可能是重要的一個字剛寫的字給我，讓我能翻譯...（代碼德國和Swissgerman字）

這是到目前爲止我的代碼：

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="css/kontakt.css" media="screen"> 
<title>Kontaktseite</title> 
<meta charset="utf-8"> 

<script type="text/javascript"> 
function chkFormular() { 
    if (document.Formular.User.value == "") { 
    alert("Enter your Name, Please!"); 
    document.Formular.User.focus(); 
    return false; 
    } 
// if (document.Formular.Ort.value == "") { 
// alert("Bitte Ihren Wohnort eingeben!"); 
    // document.Formular.Ort.focus(); 
    // return false; 
// } 
    if (document.Formular.Mail.value == "") { 
    alert("Enter your E-Mail, please!"); 
    document.Formular.Mail.focus(); 
    return false; 
    } 
    if (document.Formular.Mail.value.indexOf("@") == -1) { 
    alert("No valid E-Mail, address!"); 
    document.Formular.Mail.focus(); 
    return false; 
    } 
    if (document.Formular.Alter.value == "") { 
    alert("Enter your Age, please!"); 
    document.Formular.Alter.focus(); 
    return false; 
    } 
    var chkZ = 1; 
    for (i = 0; i < document.Formular.Alter.value.length; ++i) 
    if (document.Formular.Alter.value.charAt(i) < "0" || 
     document.Formular.Alter.value.charAt(i) > "9") 
     chkZ = -1; 
    if (chkZ == -1) { 
    alert("Your Age is not a Number!"); 
    document.Formular.Alter.focus(); 
    return false; 
    } 
} 
</script> 

<script language="JavaScript1.2"> 

// Word Filter 
// (c) 2002 Premshree Pillai 
// http://www.qiksearch.com 
// http://javascript.qik.cjb.net 

var swear_words_arr=new Array("arschloch","idiot","terror", "wixer", "wixxer", "hure", "hurensohn", "hurenson", "motherfucker", "neger", "sauhund", "arsch", "fuck", "fucking", "shit", "satan", 
"satanus", "figge", "ficken", "scheiss", "drecksjude", "drecksjud", "i hoff du stirbsch", "geh sterben", "verrecken", "verreck doch", "chrüppel", "krüppel", "chrüpel", "krüpel", "saftsack", 
"sackratte", "god damit", "goddamit", "godvertammi", "gopfetammi", "chrüzsatan", "gottvertammi", "gottpfertami", "gopfeteckel", "verflucht", "verfluecht", "damisiech", "ich hoffe du stirbst", 
"stirb", "geh sterben", "ass", "asshole", "cunt"); //corrected commas 
var swear_alert_arr=new Array; 
var swear_alert_count=0; 

function reset_alert_count() 
{ 
swear_alert_count=0; 
} 

function validate_user_text() 
{ 
reset_alert_count(); 
var compare_text=document.Formular.user_text.value; 
for(var i=0; i<swear_words_arr.length; i++) 
{ 
    for(var j=0; j<(compare_text.length); j++) 
    { 
    if(swear_words_arr[i]==compare_text.substring(j,(j+swear_words_arr[i].length)).toLowerCase()) 
    { 
    swear_alert_arr[swear_alert_count]=compare_text.substring(j,(j+swear_words_arr[i].length)); 
    swear_alert_count++; 
    } 
    } 
} 
var alert_text=""; 
for(var k=1; k<=swear_alert_count; k++) 
{ 
    alert_text+="\n" + "(" + k + ") " + swear_alert_arr[k-1]; 
} 
if(swear_alert_count>0) 
{ 
    alert("The following Words are not allwoed:\n_______________________________\n" + alert_text + "\n_______________________________"); 
    document.Formular.user_text.select(); 
} 
else 
{ 
    document.Formular.submit(); 
} 
} 

function select_area() 
{ 
document.Formular.user_text.select(); 
} 

window.onload=reset_alert_count; 

</script> 


</head> 
<body> 

<h1>Kontaktformular</h1> 

<nav> 
    <ul class="nav"> 
     <li><a href="mistica.html" class="siesindhier">Zurück</a></li> 
    </ul> 
</nav> 

<div id="part1"> 
<form name="Formular" action="http://www.formular-chef.de/fc.cgi" enctype="multipart/form-data" method="post" onSubmit="return chkFormular()"> 
<input type="hidden" name="empfaenger" value="benjamin.laubeX§Xbrueggli.ch"> 
<!--<input type="hidden" name="empfaenger" value="dominik.widmerX§Xbrueggli.ch">--> 
</div> 
<div id="part2"> 
<pre> 
Name: &nbsp; &nbsp;<input type="text" size="40" name="User"><br> 
E-Mail: &nbsp; &nbsp;<input type="text" size="40" name="Mail"><br> 
Alter: &nbsp; &nbsp;<input type="text" size="40" name="Alter"><br> 

Geschlecht: <select name="geschlecht"> 
       <option selected>-</option> 
       <option>männlich</option> 
       <option>weiblich</option> 
      </select> 
</div> 

<p id="nachricht">Deine Nachricht:</p> 
<div id="part3"> 
<textarea rows="10" cols="40" name="user_text" onclick="select_area()" placeholder="Ihre Nachricht..."></textarea> 
</div> 
<div id="part4"> 
Zum Absenden muss eine Internet-Verbindung bestehen! 
<br><br> 
<input type="submit" value="Absenden" onclick="validate_user_text();"><input type="reset" value="Abbrechen"> 

</div> 
</pre> 
</form> 

</body> 
</html>

來源

2016-04-21 Benji

哪個時代都是在你使用'JavaScript1.2'？ –

以及它的舊...但我找不到任何更新的有用的示例代碼...它在沒有其他功能的情況下正常使用... – Benji

在1997年正式發佈大聲笑 – Benji

這應該做的伎倆：

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" href="css/kontakt.css" media="screen"> 
<title>Kontaktseite</title> 
<meta charset="utf-8"> 

<script type="text/javascript"> 
function chkFormular() { 
    if (document.Formular.User.value == "") { 
    alert("Enter your Name, Please!"); 
    document.Formular.User.focus(); 
    return false; 
    } 
// if (document.Formular.Ort.value == "") { 
// alert("Bitte Ihren Wohnort eingeben!"); 
    // document.Formular.Ort.focus(); 
    // return false; 
// } 
    if (document.Formular.Mail.value == "") { 
    alert("Enter your E-Mail, please!"); 
    document.Formular.Mail.focus(); 
    return false; 
    } 
    if (document.Formular.Mail.value.indexOf("@") == -1) { 
    alert("No valid E-Mail, address!"); 
    document.Formular.Mail.focus(); 
    return false; 
    } 
    if (document.Formular.Alter.value == "") { 
    alert("Enter your Age, please!"); 
    document.Formular.Alter.focus(); 
    return false; 
    } 
    var chkZ = 1; 
    for (i = 0; i < document.Formular.Alter.value.length; ++i) 
    if (document.Formular.Alter.value.charAt(i) < "0" || 
     document.Formular.Alter.value.charAt(i) > "9") 
     chkZ = -1; 
    if (chkZ == -1) { 
    alert("Your Age is not a Number!"); 
    document.Formular.Alter.focus(); 
    return false; 
    } 
    return true; 
} 
</script> 

<script language="JavaScript1.2"> 

// Word Filter 
// (c) 2002 Premshree Pillai 
// http://www.qiksearch.com 
// http://javascript.qik.cjb.net 

var swear_words_arr=new Array("arschloch","idiot","terror", "wixer", "wixxer", "hure", "hurensohn", "hurenson", "motherfucker", "neger", "sauhund", "arsch", "fuck", "fucking", "shit", "satan", 
"satanus", "figge", "ficken", "scheiss", "drecksjude", "drecksjud", "i hoff du stirbsch", "geh sterben", "verrecken", "verreck doch", "chrüppel", "krüppel", "chrüpel", "krüpel", "saftsack", 
"sackratte", "god damit", "goddamit", "godvertammi", "gopfetammi", "chrüzsatan", "gottvertammi", "gottpfertami", "gopfeteckel", "verflucht", "verfluecht", "damisiech", "ich hoffe du stirbst", 
"stirb", "geh sterben", "ass", "asshole", "cunt"); 
var swear_alert_arr=new Array; 
var swear_alert_count=0; 

function reset_alert_count() 
{ 
swear_alert_count=0; 
} 

function validate_user_text() 
{ 
reset_alert_count(); 
var compare_text=document.Formular.user_text.value; 
for(var i=0; i<swear_words_arr.length; i++) 
{ 
    for(var j=0; j<(compare_text.length); j++) 
    { 
    if(swear_words_arr[i]==compare_text.substring(j,(j+swear_words_arr[i].length)).toLowerCase()) 
    { 
    swear_alert_arr[swear_alert_count]=compare_text.substring(j,(j+swear_words_arr[i].length)); 
    swear_alert_count++; 
    } 
    } 
} 
var alert_text=""; 
for(var k=1; k<=swear_alert_count; k++) 
{ 
    alert_text+="\n" + "(" + k + ") " + swear_alert_arr[k-1]; 
} 
if(swear_alert_count>0) 
{ 
    alert("The following Words are not allwoed:\n_______________________________\n" + alert_text + "\n_______________________________"); 
    document.Formular.user_text.select(); 
} 
else 
{ 
    return true; 
} 
} 

function select_area() 
{ 
document.Formular.user_text.select(); 
} 

window.onload=reset_alert_count; 

</script> 


</head> 
<body> 

<h1>Kontaktformular</h1> 

<nav> 
    <ul class="nav"> 
     <li><a href="mistica.html" class="siesindhier">Zurück</a></li> 
    </ul> 
</nav> 




<div id="part1"> 
<form id="frmFormular" name="Formular" action="http://www.formular-chef.de/fc.cgi" enctype="multipart/form-data" method="post"> 
<input type="hidden" name="empfaenger" value="benjamin.laubeX§Xbrueggli.ch"> 
<!--<input type="hidden" name="empfaenger" value="dominik.widmerX§Xbrueggli.ch">--> 
</div> 
<div id="part2"> 
<pre> 
Name: &nbsp; &nbsp;<input type="text" size="40" name="User"><br> 
E-Mail: &nbsp; &nbsp;<input type="text" size="40" name="Mail"><br> 
Alter: &nbsp; &nbsp;<input type="text" size="40" name="Alter"><br> 

Geschlecht: <select name="geschlecht"> 
       <option selected>-</option> 
       <option>männlich</option> 
       <option>weiblich</option> 
      </select> 
</div> 

<p id="nachricht">Deine Nachricht:</p> 
<div id="part3"> 
<textarea rows="10" cols="40" name="user_text" onclick="select_area()" placeholder="Ihre Nachricht..."></textarea> 
</div> 
<div id="part4"> 
Zum Absenden muss eine Internet-Verbindung bestehen! 
<br><br> 

<input type="submit" id="sendButton" value="Absenden"> 
<input type="reset" value="Abbrechen"> 

<script> 
document.getElementById('sendButton').onclick = function() { 
    if (chkFormular() && validate_user_text()) { 
     document.formular.submit(); 
     return true; 
    } else { 

     return false; 
    } 

} 
</script>  

</div> 
</pre> 
</form> 

</body> 
</html>

來源

2016-04-21 13:22:00

嗯它doesesent爲我工作...它提交表格有或沒有swearwords /字段填充... – Benji

thx的事情與錯誤...沒有看到它:) – Benji

好的，你是否把逗號放在正確的地方發誓？如果是的話那就試試這個（改變輸入和腳本標記的地方）： –

只要改變提交的一部分。

onSubmit="return chkFormular() && validate_user_text()"

來源

2016-04-21 13:05:51

如果我這樣做，它給了我必須輸入我的名字，但發誓詞 - 過濾器得到忽略... – Benji

2函數必須是真實的才能提交表單。 （Javascript）

回答

相關問題

2函數必須是真實的才能提交表單。（Javascript）