jquery 判断input框
1,判断input 框 只能输入数字
2,判断 input 的框不能为空,并且 输入的数字不能大于5
3,界面有两个单选框,点击男就把input 的框显示出来,点击女就把input的框隐藏掉。
大虾们 帮帮忙! 本人在线等。
[解决办法]
问题很简单啊。。自己动手写吧。。
[解决办法]
楼主自己先尝试写,不会的地方再贴上来。
[解决办法]
提交时检查一下input是否隐藏,隐藏了就不需要判断呗。
<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>
[解决办法]
<!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>