Question

我想创建一个输入框，按下按钮会导致文本发生变化。

我的代码没有用。

<!DOCTYPE html>
<head>
    <script>
    function validate() {
         var inputObject = document.getElementById("name");
         var paraObject = document.getElementById("response");
         if ((inputObject.value.trim() == "") || (inputObject.value == null)) {
               alert("Invalid input!");
        }
        else { 
            paraObject.innerHTML = inputObject.value;
        }

    function blue(inputObject) {
        inputobject.style.border = "2px solid blue";
        }

    function required(inputObject) {
        if (inputObject.value.trim() == "") {
            inputObject.style.border = "2px solid red";
        }
        else {
            inputObject.style.border = "2px solid green";
        } }
    </script>
</head>
<body>
     Name:
     <br/>
     <input id="name" type="text" name="nameinput"onBlur="required(this)" onFocus="blue(this)"/>
     <button class="button" onClick="validate()">Validate Name Input</button>
     <br/>
     <p id="response">TEST</p>
</body>
</html>

Answer 1

您缺少验证功能的结束括号}。

Answer 2

在body标记的末尾添加脚本标记。还要在onload事件处理程序中添加脚本，或者如果使用jQuery

，则添加$ .ready

表格 - 从按钮输入和返回

2 个答案: