如何更改默認工具提示的位置和標題

我使用了需要的標籤在我的文本區域進行驗證，但沒有輸入任何值，如果我點擊提交按鈕，它將在文本區域的中心顯示默認工具提示，並顯示「請填寫這個字段「。問題是我如何改變工具提示的位置（如向右，向左），以及如何更改工具提示的標題（有些東西像「輸入一些文本」）。如何更改默認工具提示的位置和標題

我試過的代碼是：

<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>

來源

2014-11-23 Bharath

由於每個瀏覽器中的實現不同，對HTML5表單驗證消息進行樣式設計並非微不足道。請參閱http://www.useragentman.com/blog/2012/05/17/cross-browser-styling-of-html5-forms-even-in-older-browsers/ – Moob 2014-11-23 08:31:34

關閉爲重複。另見：http://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message – 2014-11-23 08:35:06

-2

怎麼樣只是使用jQuery創建工具提示？

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

，那麼你可以很容易地用CSS

如果你想你需要有一定的姓名和身份證到form表單後顯示

來源

2014-11-23 08:17:37

追加到textarea中......這不是一個壞主意嗎？ – 2014-11-23 08:20:02

我沒有看到問題標記爲'jQuery'。請提供JS解決方案。 – 2014-11-23 08:21:46

另外你怎麼能CSS調整'textarea'裏面的DIV *元素？ – 2014-11-23 08:22:42

-1

調整提示，否則你可以直接調用形式的jQuery。

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

來源

2014-11-23 08:24:35 asimshahiddIT

請在JS問題上試試* always *主要提供JavaScript答案。你也可以簡單地複製粘貼Zac的答案，只需添加˙form˙而不是˙＃area˙（就像他那樣）。 'required'默認添加工具提示（特定於瀏覽器），OP僅僅是詢問如何控制你的答案錯過的工具提示位置。還要注意'.css（{top：200，left：200}）'不會以任何方式影響元素。 – 2014-11-23 08:29:47

如何更改默認工具提示的位置和標題

回答

相關問題