0

我有一个将输入作为金额的文本框..我想阻止用户输入大于一定金额的金额..我尝试使用 ajax ..但它没有按我想要的方式工作..我认为 jquery wud 可以需要..但我不太擅长..如果有人可以帮忙吗？我编写的 Ajax 函数：

function maxIssue(max, input, iid) {
    var req = getXMLHTTP();
    var strURL = "limit_input.php?max=" + max + "&iid=" + iid;
    if (input > max) {
        alert("Issue Failed.Quantity Present in Stock is " + max);
    }

    if (input < 0) {
        alert("Issue Failed.Enter positive Value");
    }

    if (req) {
        req.onreadystatechange = function() {
            if (req.readyState == 4) {
                // only if "OK"
                if (req.status == 200) {
                    document.getElementById('maxdiv').innerHTML = req.responseText;
                } else {
                    alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                }
            }
        }
    }
    req.open("GET", strURL, true);
    req.send(null);
}
4

4 回答 4

1 
$('input').on('keyup', function(){
    if($(this).val() > someNumber){
        $(this).prop('disabled', true);
        alert('You cannot enter that many characters.');
    }
});
于 2012-12-18T04:30:08.660 回答
1

你试过用maxLength吗？

<input maxLength="10"/>
于 2012-12-18T04:31:29.600 回答
0

使用 jquery 验证非常简单。您必须定义要显示以进行验证的规则和消息，并将其附加到您的表单元素中。

本教程很有帮助。

http://www.codeproject.com/Articles/213138/An-Example-to-Use-jQuery-Validation-Plugin

这是 101 验证，以防您想尝试一下。我正在使用 cdn，但您可以在路径中添加对库的引用。

<html>
<head>
<title>Validation Test</title>
<!-- Importing jquery and jquery ui library from cdn -->

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js"></script>

<!-- End of Import -->

</head>
<body>

<script>
  $(document).ready(function(){
    $("#testvalidation").validate({

      rules: {
          title: "required",
          description: {
            required:true,
            maxlength:4000
        }
      },
    messages: {
      title: "Title is Required",
      description: {
          required : "Description is Required",
          maxlength: "Should be less than 4000 Characters"
      }
    }
   });
  });
  </script>

  <style>

    #testvalidation .error{
    color: #FB3A3A;
    font-weight:300;

} 

</style>

  <form action=update.jsp class="form-horizontal" id="testvalidation">

  <input name="title" type="text"></input><br>
  <textarea name="description"></textarea>
  <input type="submit" value="Submit">

  </form>
</body>
</html>
于 2012-12-18T05:38:24.260 回答
0

它将对您的任务有所帮助。

<input type="text" name="usrname" maxlength="10" />

function limitText(field, maxChar){
    $(field).attr('maxlength',maxChar);
}
于 2012-12-18T05:01:08.153 回答