無法從html表單調用javascript函數/無法正常工作

Question

這是我的整個html頁面

<html>
<head>
<title> text conversion</title>
<script type="text/javascript">
function testResults(form)
{

var str = form.stringn.value;

str.split(" ");
document.write("testing1");
var length = str.length;
var newn = "";

for(var i = 0; i<length; i++)
{
    if(str[i].charAt(str[i].length - 1) != ".")
    {
        str[i] = str[i] + ".";
    }
    str[i] = str[i] + " ";
    str[i].charAt(0) = str[i].charAt(0).toUpperCase();
    newn = newn + str[i];

}
document.write(newn);
document.write("testing");
}


</script>
</head>

<body>
<form name="stringform" action="" method="get">
Text: <input type="text" name="stringn"><br>
<input type="button" name="Convert" Value="convert" onClick="testResults(this.form)">
</form>
</body>


</html>

html正確顯示，但是該按鈕未執行任何操作。 我什至在javascript的循環下面嘗試了document.write（“ testing”），但沒有任何效果，這讓我覺得該函數根本沒有被調用。 該函數的想法是格式化輸入字符串以大寫每個單詞的首字母，並在每個單詞之后放置一個句點。

這是我第一次嘗試使用javascript，因此可能我在做一些明顯的錯誤？

最終解決方案：

<html>
<head>
<title> text conversion</title>
<script type="text/javascript">
function testResults(form)
{

var str = form.stringn.value;

var strn = str.split(" ");

var length = strn.length;
var newn = "";

for(var i = 0; i<length; i++)
{

    if(strn[i].charAt(strn[i].length - 1) != ".")
    {
        strn[i] = strn[i] + ".";
    }
    strn[i] = strn[i].charAt(0).toUpperCase() + strn[i].slice(1);

    strn[i] = strn[i] + " ";
    newn = newn + strn[i];


}
document.write(newn);

}


</script>
</head>

<body>
<form name="stringform" action="" method="get">
Text: <input type="text" name="stringn"><br>
<input type="button" name="Convert" Value="convert" onClick="testResults(this.form)">
</form>
</body>


</html>

Answer 1

這應該工作。 另外，在使用new作為變量之前回顯注釋。

<html>
<head>
<title> text conversion</title>
<script language="JavaScript">

function testResults(form)
{
    var str = form.stringn.value;
    var newString = "";
    var strList = str.split(" ");
    for(var i = 0; i < strList.length; i++){
        newWord = strList[i].charAt(0).toUpperCase() + strList[i].slice(1) + ".";       
        newString += newWord + " ";
    }
    document.write(newString);
}

</script>
</head>

<body>
<form name="stringform" action="" method="get">
Text: <input type="text" name="stringn"><br>
<input type="button" name="Convert" Value="convert" onClick="testResults(this.form)">
</form>
</body>


</html>

Answer 2

在<head>設置<script type="text/javascript"> <head> ！

無法從html表單調用javascript函數/無法正常工作

問題描述

2 個解決方案

解決方案1
5 已采納 2013-08-13 20:36:09

解決方案2
1 2013-08-13 20:05:12

無法從html表單調用javascript函數/無法正常工作

問題描述

2 個解決方案

解決方案1 5 已采納 2013-08-13 20:36:09

解決方案2 1 2013-08-13 20:05:12

解決方案1
5 已采納 2013-08-13 20:36:09

解決方案2
1 2013-08-13 20:05:12