jquery 判断input框解决办法-AJAX教程-爱易网页

jquery 判断input框解决办法

日期：2014-05-16　浏览次数：20664 次

jquery 判断input框
1，判断input 框只能输入数字
2，判断 input 的框不能为空，并且输入的数字不能大于5
3,界面有两个单选框，点击男就把input 的框显示出来，点击女就把input的框隐藏掉。

大虾们帮帮忙！本人在线等。

------解决方案--------------------
问题很简单啊。。自己动手写吧。。
------解决方案--------------------
楼主自己先尝试写，不会的地方再贴上来。

------解决方案--------------------
提交时检查一下input是否隐藏，隐藏了就不需要判断呗。

HTML code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function show(){
    if($("#inputs").css('display')!='none')
    {
        $("#inputs").css('display','none');
    }
    else
    {
        $("#inputs").css('display','block');
    }
}
</script>
</head>
<body>
    <div><input type="text" id="inputs" value="AAA" /></div>
    <div><input type="button" value="显示或隐藏input框" onclick="show()" /></div>    
</body>
</html>

------解决方案--------------------
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
  $(function () {

      $("input[type=radio]").click(function () {
          var a = $(this).next("span").text();
          alert(a);
          if (a == "显示") {
            $('#abc').css('display', 'block');
          }
          else {
            $('#abc').css('display', 'none');
          }
        });
          $('#sub').click(function () {
              var nannv = $('input[type=radio]:checked').val();
              alert(nannv);
              if(nannv==0){
                var pattern = /^[1-5]$/;
                var v = $("#abc").val();
                if (v != '') {
                if (!pattern.test(v)) {
                  alert('只能输入数字且不能大于5小于0');
                  $("#abc").val("");
                  $('#abc').focus();
                  return false;
                }
                else { return true; }
                }
                else {
                  alert('不能为空');
                  $('#abc').focus();
                  return false;  
                }
              }else{
                alert('不显示输入框了');
                return false;
              }
             
        });
  })
  </script>
</head>
<body>
  <form action="#" method="post">
  <input name="nannv" type="radio" value="0"/><span>显示</span>
  <input name="nannv" type="radio" value="1"/><span>隐藏</span>
  <input type="text" name="abc" id="abc" />
  <input type="submit" value="提交" id='sub' />
  </form>
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery 判断input框解决办法

相关资料更多>

推荐阅读更多>