使用多个功能时如何返回用户输入?

时间:2018-10-06 19:50:37

标签: javascript html

这里的初级开发人员试图理解为什么我的代码无法按预期工作。我的代码中有两个文本字段(标签1和标签2),我的意图是将这些字段的值连接在一起。我使用一个称为validateForm的函数来验证两个字段中都存在一个值。如果任何一个字段中都不存在值,则会显示一个警告框。

如果两个值都存在,我希望validateForm函数调用assembleTags函数将用户输入的值彼此连接。另外,还有一个“重置”按钮,用于在单击时重置生成器。我可能做错了什么?

<!DOCTYPE html>
<html>
<body>
<p id="demo">
<form id="concatenation" method="post">
Tag 1<br>
<input type="text" name="tag_1" id="tag1" size="75">
<br>
<br>
Tag 2
<br>
<input type="text" name="tag_2" id="tag2" size="75">
<br>
<br>
<input type="submit" name="get_tags" id="gettags" value ="Get Tags" onclick="assembleTags()" style="cursor:pointer">
<input type="button" name="reset_generator" id="resetgenerator" value="Reset Generator" onclick="myServerReset()" style="cursor:pointer">
<br>
<br>
<h3 id="result"></h3>
</form>
</p>
<script>
function validateForm()
    var a = document.forms['concatenation']['tag1'].value;
    var b = document.forms['concatenation']['tag2'].value;
    if (a == "" && b == "") {
        alert("Please include Tag 1 and Tag 2"); 
        return false;
    } 
    else if (a == "" && b != "") {
        alert("Please include Tag 1")
        return false;
    }
    else if (a != "" && b == "") {
        alert("Please include Tag 2")
        return false;
    else
        assembleTags() {
    }
function assembleTags() {
    document.getElementById('result').innerHTML = document.getElementById('tag1').value + document.getElementById('tag2').value
}
}
function myServerReset() {
document.getElementById('concatenation').reset();
}
</script>
</body>
</html> 

1 个答案:

答案 0 :(得分:0)

我不知道这是否是粘贴错误,但是右括号和右括号正确吗?

例如:

  • function validateForm()后缺少左括号
  • else

    后的开括号放错了位置

    else assembleTags() { }

  • function assembleTags()

  • 之后的其他大括号