2014-07-22 39 views
0

當窗體submited並且存在需要未填充則存在被示爲相對定位到現場的自動彈出字段:如何自定義所需彈出窗口的文本?

enter image description here

<form id="frm" action="<?php echo PAGE_SERVICE; ?>?action=ServiceAjouterAbonneExec" method="post" name="frm" enctype=""> 
    <div class="toggle"> 
     <table> 
      <tr> 
       <td><b><?php echo _getText("admin.login.form.titre");?></b></td> 
       <td><input type="text" name="login" id="login" maxlength="25" required /></td> 
      </tr> 
      <tr> 
       <td><b><?php echo _getText("admin.mdp.form.titre");?></b></td> 
       <td><input type="password" name="mdp" id="mdp" maxlength="50" required /></td> 
      </tr> 
      ... 
      <tr> 
       <td colspan="2" align="right" ><input name="btnValider" id="btnValider" type="submit" value="<?php echo _getText("main.valider");?>" class="btn btn-blue"/></td> 
      </tr> 
     </table> 
    </div> 

    </form> 

欲顯示出類似的彈出時用戶輸入已經存在於數據庫中的已經存在的登錄名。怎麼做 ?

+0

開始創建一個服務器端腳本,檢查數據庫中,然後調用與阿賈克斯該腳本,然後閱讀了關於HTML驗證以及如何自定義這些錯誤消息,這不是很難做到。 – adeneo

+0

是的,我知道這些步驟,但問題是彈出:如何創建並顯示它? – pheromix

+0

快速搜索會告訴你如何做到這一點 - > http://stackoverflow.com/questions/5272433/html5-form-required-attribute-set-custom-validation-message – adeneo

回答

1

您可以使用oninvalid="this.setCustomValidity('Enter Value Here')"

<form id="form"> 
    <input name="test" required placeholder="Required value" oninvalid="this.setCustomValidity('Enter Value Here')" oninput="setCustomValidity('')" /> 
    <input type="submit" name="submit" value="submit" /> 
</form> 

http://jsfiddle.net/xmcUk/

相關問題