30.C# ASP.NET - RequiredFieldValidator [ 유효성검사컨트롤 ]
아이디와암호를입력관련예제입니다.
Display="Dynamic" : 공간을잡지않음 (공간이없고텍스트만출력하고싶을때사용)
Display="Static" : 고정됨
| FrmRequiredFieldValidator.aspx |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> 입력 확인 유효성 검사 컨트롤<br /><br />
아이디 : <asp:TextBox ID="txtUserID" runat="server"></asp:TextBox> [<asp:RequiredFieldValidator ID="valUserID" runat="server" ControlToValidate="txtUserID" ValidationGroup="Login" Display="Dynamic" ErrorMessage="아이디를 입력하시오."></asp:RequiredFieldValidator> ]<br />
암호 : <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> [<asp:RequiredFieldValidator ID="valPassword" runat="server" ControlToValidate="txtPassword" ValidationGroup="Login" Display="Static" ErrorMessage="암호를 입력하시오."></asp:RequiredFieldValidator> ]<br /><br />
<asp:Button ID="btnLogin" runat="server" Text="로그인" ValidationGroup="Login" />
<asp:Button ID="Button1" runat="server" Text="다시입력" onclick="Button1_Click" />
</div> </form> </body> </html> |
| FrmRequiredFieldValidator.aspx.cs |
|
protected void Button1_Click(object sender, EventArgs e) { txtUserID.Text = txtPassword.Text = "1"; } |
| 결과화면 |
|
| RequiredFieldValidator 컨트롤을 자바스크립트로 표현 |
|
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function CheckLogin() { var userId = document.getElementById("txtUserID"); if (userId.value == "") { alert("아이디를 입력하시오."); userId.focus(); userId.select(); } else { alert("아이디 : " + userId.value); } } </script> </head> <body>
<form> 아이디 : <input type="text" name="txtUserID" id="txtUserID" /><br />
<input type="button" value="로그인" onclick="CheckLogin()" /> </form>
</body> </html> |
WebValidationControl.zip