ASP.NET jQuery 예제 18 jQuery 유효성 검사 플러그인을 사용하여 DropDownList_jquery 유효성 검사

먼저 인터페이스 코드를 살펴보세요.

코드 복사 코드는 다음과 같습니다.

< form id="form1 " runat="server">

;table border=" 0" cellpadding="3" cellpacing="3">

차량 유형을 선택하세요.






>

< ;asp:ListItem Value="5" Text="Toyota Motors">




>

>

DropDownList 제어 속성인 ToolTip은 제목으로 변환됩니다. 확인 규칙에 대한 프롬프트 메시지가 필요합니다. CssClass 속성 값이 필요합니다. 플러그인의 확인 규칙이 지정됩니다.

스크립트 코드:

코드 복사


코드는 다음과 같습니다.

<스크립트 유형 ="text /javascript">

$(function () {

$("#form1").validate({
errorLabelContainer: $("#message")
});
} );

.alertmsg
{

} 🎜>< ;/style>



표시 효과:




또한 DropDownList의 ToolTip 및 CssClass 속성이 설정되지 않은 경우 스크립트 코드를 다음과 같이 변경하면 동일한 효과를 얻을 수 있습니다.

코드 복사

코드는 다음과 같습니다.