2014-09-02 3 views
2

VB.Net 코드 숨김에서 동적으로 텍스트 상자를 만듭니다.JQuery를 사용하여 동적으로 생성 된 텍스트 상자의 값 확인

JQuery를 사용하여 특정 텍스트 필드의 값이 "최소"또는 "최대"인지 확인한 다음 값을 지우고 싶습니다. 내 코드 숨김 코드는 다음과 같습니다

Dim txtStartYear As New TextBox 
Dim txtEndYear = New TextBox 
txtStartYear.ID = "txt" & id.Name & "_start" 
txtEndYear.ID = "txt" & id.Name & "_end" 
txtEndYear.Width = 50 
txtStartYear.Width = 50 
txtStartYear.Text = "min" 
txtEndYear.Text = "max" 
txtStartYear.CssClass = "YearValue" 
txtEndYear.CssClass = "YearValue" 

HTML 코드 :

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
     $(function() { 
      $(".DateField").datepicker(); 
     }); 

     $(".YearValue").each(function (item, index) { 
      //Check if value is min or max 
      if ($(this).val() == "min" || $(this).val() == "max") { 
       alert("Wrong value entered."); 
      } 
     }); 
    </script> 

내가 CSS 클래스를 사용하여 텍스트 상자를 차별화하고있다. jQuery를 사용하여 텍스트 상자 (cssclass="YearValue" 포함)에 "min"또는 "max"(필드가 비어있는 경우)이 포함되어 있는지 확인하려면 어떻게해야합니까?

답변

2

이와 비슷한?

$(function(){ 
    $(".YearValue").click(function(){ 
     if ($(this).val() == "min" || $(this).val() == "max") { 
      alert("Wrong value entered."); 
     } 
    }); 
}); 

체크 아웃이 fiddle

+0

나는 코드를 사용하고 "무엇을합니까"이 경고를하는 듯했지만 아무 반응이 없습니다. 사용자가 텍스트 상자 – user3929962

+0

을 클릭하면 원본 게시물이 업데이트됩니다. – user3929962

+0

바이올린에 대한 링크를 확인하면 페이지로드시 발생합니다. 사용자가 텍스트 상자를 클릭 할 때 발생해야합니다. – user3929962

관련 문제