输入验证(非插件)
2023-09-11 14:17:27 时间
<html> <head> <meta charset="utf-8"/> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <fieldset > <legend>输入限制</legend> <div style="font-size: 12px; color: red;">1.所有输入框都要填; 2.邮箱和电话必须为数字</div> <input type="text" class="ipt" data-name="姓名" placeholder="姓名" /><br /> <input type="text" class="ipt" data-name="性别" placeholder="性别" /><br /> <input type="text" class="ipt" data-name="年龄" placeholder="年龄" /><br /> <input type="text" class="ipt" data-name="电话" data-type = "num" placeholder="电话" /><br /> <input type="text" class="ipt" data-name="邮编" data-type = "num" placeholder="邮编" /><br /> <button onclick="tt()">提交</button> </fieldset> <script type="text/javascript"> //所有输入框都要填 var ipt=$("input"); function tt(){ for (var i=0; i<ipt.length; i++) { if(ipt.eq(i).val()==""){ alert(ipt.eq(i).attr("data-name")+"不能为空"); return false; } } } //邮箱和电话必须为数字[当然也可以直接设置成input type为number] var iptNum=$("input[data-type='num']"); iptNum.blur(function(){ var num=/^[0-9]*$/; if(!num.test($(this).val())){ alert("请输入数字") return false; } }) </script> </body> </html>
相关文章
- java中eclipse控制台接受输入的方法
- PostgreSQL 自动输入密码(转)
- 【Linux常见问题】使用xshell登陆时密码框为灰色,无法输入密码
- leetcode 167. 两数之和 II - 输入有序数组----双指针篇六,二分篇二
- 习题 3.14 输入4个整数,要求按由小到大的顺序输出。
- 习题 5.15 输入一个字符串,把其中的字符按逆序输出。如输入LIGHT,则输出THGIL。
- 习题5.8 从键盘上输入一个字符串和子串开始位置与长度,截取该字符串的子串并输出。
- 【学习笔记】稳定扩散模型(Stable Diffusion)—— 最流行的 AI 绘画大模型,了解一下:输入的内容可以是图像,文本,部分图像,以及他们的组合——直接出图!
- sudo -i 不需要输入密码
- 34. 脱壳篇-FSG压缩壳、ImportREC修复IAT输入表的使用,令一种寻找OEP方式
- go语言第三章(fmt 输入与输出)
- Logstash数据处理服务的输入插件Input常见类型以及基本使用(五)