회 전자 필드의 값 제한

입력 필드 box.here가있는 폼이 있습니다. 여기에있는 버튼을 사용하여 증가 또는 감소시킬 수있는 회 전자를 사용했습니다. 여기에서 특정 필드 내에서 ID 회 전자를 사용하여 입력 필드의 값을 만들어야합니다. 제한 (예 : 1-31) (예 : jquery 또는 ajax를 사용하여 1보다 작은 값을 줄이고 31보다 큰 값을 줄일 수 없음) jquery 또는 ajax.How를 사용하여 어떻게해야합니까? 제발 도와주세요. 내 코드는 다음과 같습니다.회 전자 필드의 값 제한

spinner.html : 스피너를 만들 때

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Spinner - Default functionality</title> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/ 
       jquery-ui.css"> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script src="/resources/demos/external/jquery.mousewheel.js"></script> 
     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
     <link rel="stylesheet" href="style.css"> 
     <script> 
      $(function() { 
       var spinner = $("#spinner").spinner(); 
       $("#disable").click(function() { 
        if (spinner.spinner("option", "disabled")) { 
         spinner.spinner("enable"); 
        } else { 
         spinner.spinner("disable"); 
        } 
       }); 
       $("#destroy").click(function() { 
        if (spinner.data("ui-spinner")) { 
         spinner.spinner("destroy"); 
        } else { 
         spinner.spinner(); 
        } 
       }); 
       $("#getvalue").click(function() { 
        alert(spinner.spinner("value")); 
       }); 
       $("#setvalue").click(function() { 
        spinner.spinner("value", 5); 
       }); 
       $("button").button(); 
      }); 

     </script> 
    </head> 
    <body> 
     <p> 
      <label for="spinner">Select a value:</label> 
      <input id="spinner" name="value"> 
     </p> 
     <p> 
      <button id="disable">Toggle disable/enable</button> 
      <button id="destroy">Toggle widget</button> 
     </p> 
     <p> 
      <button id="getvalue">Get value</button> 
      <button id="setvalue">Set value to 5</button> 
     </p> 
    </body> 
</html>

출처

2014-01-08 user2986084

최소 및 최대 값을 설정한다. 즉시을 변경하려면 다음을 사용 :

키 '최소'와 '최대'로 AJAX에서 '데이터'객체를 주어진 // :

$('#spinId').spinner('option', 'min', data.min); 

$('#spinId').spinner('option', 'max', data.max);

는 또한 것을 명심하십시오. attr() 함수는 DOM 요소의 속성을 가져오고 설정하는 데에만 사용할 수 있습니다.

예를 들어, 요소의 a 또는 href의 ID를 가져 오거나 설정하는 데 사용할 수 있습니다.

대부분의 jQuery 플러그인은 JavaScript 변수로 구성을 유지합니다.

DOM에 구성을 첨부하는 경우 .data()를 사용합니다. 이 도움이

희망 .. 업데이트

위의 코드는 자바 스크립트가 아니라 HTML 코드입니다.

max 및 min을 제한하려는 값으로 바꿉니다. 예를 들어

, 당신은 1에서 31 사이를 제한하려는 경우 : 다음 :

$('#spinId').spinner('option', '1', data.min); $('#spinId').spinner('option', '31', data.max);
2 업데이트 :

<script> 
     $(function() { 
      var spinner = $("#spinner").spinner(); 
      $('#spinner').spinner('option', '1', data.min); 
      $('#spinner').spinner('option', '31', data.max); 

      $("#disable").click(function() { 
       if (spinner.spinner("option", "disabled")) { 
        spinner.spinner("enable"); 
       } else { 
        spinner.spinner("disable"); 
       } 
      }); 
      $("#destroy").click(function() { 
       if (spinner.data("ui-spinner")) { 
        spinner.spinner("destroy"); 
       } else { 
        spinner.spinner(); 
       } 
      }); 
      $("#getvalue").click(function() { 
       alert(spinner.spinner("value")); 
      }); 
      $("#setvalue").click(function() { 
       spinner.spinner("value", 5); 
      }); 
      $("button").button(); 
     }); 

    </script>

출처

2014-01-08 06:29:13

나에게 자세한 내가이 자바 스크립트 코드를 삽입 할 필요가 – user2986084

에게? – user2986084

위 코드를 $ (document) .ready()에 넣습니다. – Aks

나를 위해 작동하기 때문에 이것은 당신을 위해 일한다 !

$("#spinner").spinner({min: 1, max: 31});

난 내 HTML code.Please에서이 코드를 사용해야하는 위치 이해가 안

출처

2014-03-18 17:50:22 yvonnezoe

회 전자 필드의 값 제한

답변

관련 문제