錯誤狀態樣式的jQuery交互提示

我正在嘗試使用jQuery CSS框架來設置所需的字段錯誤樣式。當表單在文本框中沒有任何值提交時，應該阻止表單提交，並應顯示與以下內容相對應的樣式。錯誤狀態樣式的jQuery交互提示

•UI輔助性復位

•UI輔助-clearfix

•UI狀態錯誤文本

•UI圖標警報

什麼最好的方法來做到這一點？

注：該代碼對應於ASP.NET（form runat="server"）

代碼：

<html lang="en"> 

<head> 

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.js"></script> 
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.6/jquery-ui.js"></script> 
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/themes/flick/jquery-ui.css" 
    rel="stylesheet" type="text/css" /> 
<title>Interaction cues</title> 
</head> 

<body> 
    <%-- ui-helper-reset, ui-helper-clearfix, ui-state-error-text, ui-icon-alert--%> 
    <form runat="server" > 

     <div> 
      <a> User Name </a> 
      <input id="Text1" type="text" /> 
      <span> * </span> 
      <a>Required field</a> 
     </div> 

    <input id="Button1" type="button" value="button" /> 
    </form> 
</body> 

</html>

來源

2012-02-14 Lijo

任何人都可以提供與此相關的任何鏈接？ – Lijo 2012-02-17 10:36:17

添加的onclick事件上的按鈕，
的onclick放所有你想要的驗證
如果成功__doPostBack（''，''）;
如果未能顯示消息或東西

來源

2012-03-18 13:51:13 Hilmi

錯誤狀態樣式的jQuery交互提示

回答

相關問題