JS的文本框验证以及form表单的提交阻止
2024-09-03 09:28:55
js:
1.只能输入数字
只能输入数字:<input type="text" onkeyup="javascript:ReNumber(this)" />
//只能输入数字 function ReNumber(obj) {
var count = 5; //count为指定范围的数字
var reg = "/^[\d]+$/g"; //验证只能输入数字的正则
if (obj.value > count || obj.value == 0) {
obj.value = ""; //输入内容不合格时文本框内容为""
return false;
}
if (obj.constructor == String) {
var re = obj.match(reg);
return true;
}
obj.value = obj.value.replace(/\D/g, ''); //输入的内容不符合要求时不显示在文本框,自动删除
return false;
}
2.form表单的阻止:
<form id = "jumpForm"> </form> $("#jumpForm").on("submit", function (event) {
if (提交条件) {
// event.submit(); 提交表单
} else {
event.preventDefault(); //阻止表单提交
}
})
最新文章
- Oracle常见错误
- ";";.equals(str)和str.equals(";";)的区别
- Android Bundle类
- MongoDB 3.0.6的主,从,仲裁节点搭建
- C语言之指针
- wap上传图片跨域发送post请求
- (hdu)5546 Ancient Go
- 【从零学习Python】Ubuntu14.10下Python开发环境配置
- JAVA学习(二):JDK介绍及其结构、用途
- (转)Dom4J解析
- Element is not clickable at point error in chrome
- ASP.NET Core 2.2 十八.各种Filter的内部处理机制及执行顺序
- genPanel.py
- TechnoSoftware OPCDA client(1.2.1) Error Codes
- jQuery.extend()参数
- Microsoft translater
- cocos2d-x学习记录5——CCTransition场景过渡
- scp拷贝文件
- BZOJ4589 Hard Nim 【FWT】
- (转)Apache和Nginx运行原理解析
热门文章
- C++之函数适配器--绑定器bind原理图解
- bzoj 1096 仓库建设 —— 斜率优化DP
- NLP | 自然语言处理 - 语言模型(Language Modeling)
- 改变bootstrapSwitch按钮状态
- 3.15-3.21 hive项目实战
- UVaLive 3983 Robotruck (DP + 单调队列)
- C#基础之--线程、任务和同步:一、异步委托
- 利用StringBuffer来替换内容
- [Xcode 实际操作]八、网络与多线程-(7)使用MessageUI框架,创建并发送一封带有附件的邮件
- Java基础 使用Properties类