If say i am having a textbox input and a integer value A then how to check at time of typing the data itself that the value entered in textbox does not exceed A.

Textbox :

<input type="textbox" name="mynumber">

My script : (According to answer by Felix)

<script type="text/javascript">
        <%int n=(Integer)request.getAttribute("n");%>

        var A=<%=n%>;

        $('input[name^=txtDynamic_]').keyup(function () {

        if (+this.value > A) {
            $(this).next().html('Greater than Total shares');
            flag=1;
        }
        else{
                $(this).next().html('');
        }
        });
</script>

FORM :

<FORM METHOD=POST ACTION="stegnographyonshares" enctype="multipart/form-data"> 
   <c:forEach var="i" begin="1" end="${myK}">
        Enter The  ${i} share number: <input type="text" name="txtDynamic_${i}" id="txtDynamic_${i}" /><span></span>

        <br />
        <br>
        </br>
    </c:forEach> 
        <br></br>
        <INPUT TYPE="file" NAME="file" value="file"> 
        <br></br>
        <INPUT TYPE="submit" value="SAVE">
    </form>

Whats problem in this ? the script code is not running and not printing the error message.Please help

If say i am having a textbox input and a integer value A then how to check at time of typing the data itself that the value entered in textbox does not exceed A.

Textbox :

<input type="textbox" name="mynumber">

My script : (According to answer by Felix)

<script type="text/javascript">
        <%int n=(Integer)request.getAttribute("n");%>

        var A=<%=n%>;

        $('input[name^=txtDynamic_]').keyup(function () {

        if (+this.value > A) {
            $(this).next().html('Greater than Total shares');
            flag=1;
        }
        else{
                $(this).next().html('');
        }
        });
</script>

FORM :

<FORM METHOD=POST ACTION="stegnographyonshares" enctype="multipart/form-data"> 
   <c:forEach var="i" begin="1" end="${myK}">
        Enter The  ${i} share number: <input type="text" name="txtDynamic_${i}" id="txtDynamic_${i}" /><span></span>

        <br />
        <br>
        </br>
    </c:forEach> 
        <br></br>
        <INPUT TYPE="file" NAME="file" value="file"> 
        <br></br>
        <INPUT TYPE="submit" value="SAVE">
    </form>

Whats problem in this ? the script code is not running and not printing the error message.Please help

• javascript
• jquery
• ajax

Share Improve this question Follow edited Apr 8, 2014 at 6:45 user3509463 asked Apr 8, 2014 at 5:38 user3509463user3509463 5922 silver badges77 bronze badges 3

• use the key events to register a handler to do whatever you want to do – Arun P Johny Commented Apr 8, 2014 at 5:39
• @ArunPJohny I am making the web application using jspa nd servlets in java.How to use keyevents please help – user3509463 Commented Apr 8, 2014 at 5:40
• Use the Java Script events – Sai Avinash Commented Apr 8, 2014 at 5:41

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 4

You can use .keyup() event:

$('input[name=mynumber]').keyup(function() {
    if(this.value.length > A) {
        console.log('Toal characters exceed A')
    }        
});

Fiddle Demo

---

Based on your ment, you can do:

$('input[name=mynumber]').keyup(function() {
    if(+this.value > A) {
        console.log('Number exceed A');
    }        
});

Fiddle Demo

//length of text
var Count = 10;
//set id of your input mynumber
$("#mynumber").keyup(function(){
    if($(this).val().length() > Count) {  
           $(this).val().subString(0,Count);  
    }
});

Do this:

var A = 10;
$('[name="mynumber"]').keyup(function () {
    if (parseInt($(this).val(), 10) > A) {
        alert("More than A");
    } else {
        alert("Less than A");
    }
});

Demo

Can even be done using HTML5 output tag

<form oninput="x.value = parseInt(a.value) > 10 ? 'Greater than 10' : 'Less than 10' ">
<input type="range" id="a" value="">
<output name="x" for="a"></output>
</form>

Fiddle

Reference