Question

我使用了必需的标签在我的文本区域进行验证，如果我点击提交按钮，它会在文本区域的中心显示默认工具提示而不输入任何值，并显示＆＃34;请填写此字段＆＃34; 。问题是我如何改变工具提示的位置（如向右，向左）以及如何更改工具提示的标题（有些事情如＆＃34;输入一些文字＆＃34;）。

我尝试的代码是：

    <script>
        function storevalue(){
            var b =document.getElementById("area").value;
            alert(b);
        }

    </script>
<body>
    <form onsubmit="storevalue()">
        <textarea  id="area" name="suggestion" style="width: 400px; height: 105px;" type="text" required  ></textarea>
            <input type="submit"  />
    </form>`enter code here`
</body>

Answer 1

如果要在表单后显示，则需要在表单中显示一些名称和id，否则可以直接在jquery中调用该表单。

 function storevalue(){
            var b = document.getElementById("area").value;
            if (!b) {
            $("form").append("<div>enter some text</div>").css({top: 200, left: 200});
        }
    }

Answer 2

如何使用jquery创建工具提示呢？

function storevalue(){
            var b = document.getElementById("area").value;
            if (!b) {
                $("#area").append("<div>enter some text</div>")
            }
        }

然后您可以使用css轻松调整工具提示

如何更改默认工具提示的位置和标题

2 个答案: