无法从html表单调用javascript函数/无法正常工作
[英]javascript function not being called/not working from html form
问题描述
This is my whole html page 
这是我的整个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>
The html is being displayed correctly, but the button does not produce any action. html正确显示，但是该按钮未执行任何操作。 I even tried document.write("testing") below the loop in the javascript, which had no effect, which makes me think the function is not being called at all. 我什至在javascript的循环下面尝试了document.write（“ testing”），但没有任何效果，这让我觉得该函数根本没有被调用。 The idea of the function is to format the input string to capitalise the first letter of each word, and put a period after each word. 该函数的想法是格式化输入字符串以大写每个单词的首字母，并在每个单词之后放置一个句点。
This is my first time trying to use javascript, so possibly I'm doing something wrong that should be obvious? 这是我第一次尝试使用javascript，因此可能我在做一些明显的错误？
final solution: 最终解决方案：
<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>
2 个解决方案
解决方案1
5 已采纳 2013-08-13 20:36:09
This should work. 这应该工作。 Also, echoing The comments before about using new as a variable. 另外，在使用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>
解决方案2
1 2013-08-13 20:05:12
在<head>设置<script type="text/javascript"> <head> ！
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.