업데이트 양식 값은 내가 HTML 코드가

Question

그것에게 제출 중지하고

var g = { 
    submitForm: function() { 
     var form = document.forms.form1; 
     if (form.posX.value > 100) 
     { 
      form.posX.value = 100; 
     } 
     return false; 
    } 
} 

을이 양식은 항상 값을 업데이트 한 후 전송한다. 내 목표는 잘못된 값을 업데이 트하고 양식 제출을 중단하는 것입니다 (AJAX를 통해 수행하고 싶습니다). IF 문을 제거하면 코드가 제대로 작동하지만 일부 값을 업데이트해야합니다 (있는 경우 오류 표시).

당신이 당신은 양식 입력 값을 가정하고 내 아주 나쁜 영어 :

Answer 1

을 이해하게 될 것입니다 희망하는 것은 실제로는 문자열 데이터 형식으로 처리됩니다 정수입니다. 비교를 적용하기 전에 값을 숫자로 변환 해보십시오.

if (parseInt(form.posX.value) > 100) 
    { 
     form.posX.value = "100"; 
    } 

난 당신의 코드가 (당신은 jQuery 라이브러리를 포함해야합니다 아래 참조) 적응했습니다

JS 바이올린 http://jsfiddle.net/boggey79/kN49d/

Answer 2

양식 요청이 중단 onSubmit가 false를 반환하기 때문이다. 사실을 돌려 주어야합니다. 키 누르기 이벤트에

확인 입력 값 :

<script> 
    function checkPosX(this) { 
     if (parseInt(this.value) > 100) { 
      this.value = "100"; 
     } 
    } 
</script> 

<form action="?" id="form1" method="POST"> 
    <input type="text" name="posX" id="formPosX" onkeypress="checkPosX(this)" /> 
    <input type="text" name="posY" id="formPosY" /> 
    <input type="submit" value="Send" /> 
</form> 

그리고 잘 작동합니다.