2012-02-14 4 views
2

jQuery CSS Frameworkを使用して、必要なフィールドエラーをスタイリングしています。フォームがテキストボックスに値なしで提出されると、フォームが送信されないようにし、次のスタイルを表示する必要があります。 UI-ヘルパーclearfix•UIヘルパー・リセットエラー状態スタイルのjQueryインタラクションキュー

UI-状態エラーテキスト•

は何

UI-アイコンアラート•これを行う最善の方法は?

注:コードは、ASP.NETに対応している(form runat="server"

CODE:

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

これに関連するリンクは誰でも提供できます。 – Lijo

答えて

0
  • 機能に
  • を置くonclickの、ボタンのonclickイベントを追加あなたが望むすべてのバリデーション
  • 成功した場合は__doPostBack( ''、 '');
  • ディスプレイメッセージが表示されない場合