Home/ Questions/Q 6012663
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T02:26:12+00:00

there is an input type box as this: <input type=text name=xlnum id=xlnum /> <input

  • 0

there is an input type box as this:

   <input type="text" name="xlnum" id="xlnum" />
<input type="submit" value="Submit" id="submit" />

the allowed value that are inputted in the text box is number. but it style must be as this:

number1,number1,number1,number1,number1.... eg(1,2,,12,35,654,....)

if the user types the wrong style. i want to give him a tip use jquery.how do i do. i don’t know how to write the if part.
eg:

$('#submit').click(function() {
 if($('#xlnum').val()=='' && ...)...
})
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <html>                                                                  
<head>                                                                  
<link rel="stylesheet" type="text/css" href="thickbox.css">
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">                                         
$(document).ready(function() {

    $('#csv').submit(function(event){
        var $mkay = $('#msg').text();
        console.log("kk:" +$mkay);

        if ($mkay != "mkay"){
            event.preventDefault(); // stop submission
        }



    });

    $('#go').click(function() {

        var val = $('#numbaz').attr('value');

        if ( val.match(/[[\d]+[,]?]?/)){
            $('#numbaz') .css('background','green');
            $('#msg').text("mkay");
        } else {
            $('#numbaz') .css('background','red');
        }

        $('#csv').submit(); // resubmit
    })
});
</script>
</head>
<body>
<form method="get" id="csv">
<input id="var" type="hidden" name="var" value="trolololol" />
<input id="numbaz"  type="text" name="numbaz" value="" />
<input id="go"      type="submit"  value="go" />
</form>
<p id="msg"><p>
</body>
</html>

    BAM!

    That is the simplest form verification Method I know. Make sure your jquery.js is recent enough. I have not tested any other than version 1.6.1. And I think the other guys regex is more elegant.

    The guy above me failed, hahah. I thought his method was kinda short and neat but doubted it would work. I was right. It goes into infinite recursion.

    • 0