1. 全栈程序员必看首页

表单验证

全栈程序员-站长 • • 未分类 • 阅读 45

表单验证

//判断输入内容是否为空
function
IsNull(){
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length==0){
alert(
'对不起，文本框不能为空或者为空格!'
);
//请将“文本框”改成你需要验证的属性名称!
}
}
//判断日期类型是否为YYYY-MM-DD格式的类型
function
IsDate(){
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
var
reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/;
var
r = str.match(reg);
if
(r==
null
)
alert(
'对不起，您输入的日期格式不正确!'
);
//请将“日期”改成你需要验证的属性名称!
}
}
//判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型
function
IsDateTime(){
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
var
reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var
r = str.match(reg);
if
(r==
null
)
alert(
'对不起，您输入的日期格式不正确!'
);
//请将“日期”改成你需要验证的属性名称!
}
}
//判断日期类型是否为hh:mm:ss格式的类型
function
IsTime()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/
if
(!reg.test(str)){
alert(
"对不起，您输入的日期格式不正确!"
);
//请将“日期”改成你需要验证的属性名称!
}
}
}
//判断输入的字符是否为英文字母
function
IsLetter()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[a-zA-Z]+$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的英文字母类型格式不正确!"
);
//请将“英文字母类型”改成你需要验证的属性名称!
}
}
}
//判断输入的字符是否为整数
function
IsInteger()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[-+]?\d*$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的整数类型格式不正确!"
);
//请将“整数类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的字符是否为双精度
function
IsDouble(val)
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[-\+]?\d+(\.\d+)?$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的双精度类型格式不正确!"
);
//请将“双精度类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的字符是否为:a-z,A-Z,0-9
function
IsString()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[a-zA-Z0-9_]+$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的字符是否为中文
function
IsChinese()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[\u0391-\uFFE5]+$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的EMAIL格式是否正确
function
IsEmail()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的邮编(只能为六位)是否正确
function
IsZIP()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^\d{6}$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的数字不大于某个特定的数字
function
MaxValue()
{
var
val = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[-+]?\d*$/;
if
(!reg.test(str)){

//判断是否为数字类型
if
(val>parseInt(
'123'
))
//“123”为自己设定的最大值
{
alert(
'对不起，您输入的数字超出范围'
);
//请将“数字”改成你要验证的那个属性名称！
}
}
}
}
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/;
var
r = str.match(reg);
if
(r==
null
)
alert(
'对不起，您输入的日期格式不正确!'
);
//请将“日期”改成你需要验证的属性名称!
}
}
//判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型
function
IsDateTime(){
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
var
reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
var
r = str.match(reg);
if
(r==
null
) alert(
'对不起，您输入的日期格式不正确!'
);
//请将“日期”改成你需要验证的属性名称!
}
}
//判断日期类型是否为hh:mm:ss格式的类型
function
IsTime()
{

var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/
if
(!reg.test(str)){ alert(
"对不起，您输入的日期格式不正确!"
);
//请将“日期”改成你需要验证的属性名称!
}
}
}
//判断输入的字符是否为英文字母
function
IsLetter()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[a-zA-Z]+$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的英文字母类型格式不正确!"
);
//请将“英文字母类型”改成你需要验证的属性名称!
}
}
}
//判断输入的字符是否为整数
function
IsInteger()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[-+]?\d*$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的整数类型格式不正确!"
);
//请将“整数类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的字符是否为双精度 function IsDouble(val)
{

var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[-\+]?\d+(\.\d+)?$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的双精度类型格式不正确!"
);
//请将“双精度类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的字符是否为:a-z,A-Z,0-9
function
IsString()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[a-zA-Z0-9_]+$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
}
}
}
//判断输入的字符是否为中文
function
IsChinese()
{
var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^[\u0391-\uFFE5]+$/;
if
(!reg.test(str)){ alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
} } }
//判断输入的EMAIL格式是否正确 function IsEmail()
{

var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
} } }
//判断输入的邮编(只能为六位)是否正确
function
IsZIP()
{

var
str = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
reg=/^\d{6}$/;
if
(!reg.test(str)){
alert(
"对不起，您输入的字符串类型格式不正确!"
);
//请将“字符串类型”要换成你要验证的那个属性名称！
}
} }
//判断输入的数字不大于某个特定的数字
function
MaxValue()
{
var
val = document.getElementByIdx_x(
'str'
).value.trim();
if
(str.length!=0){
 
reg=/^[-+]?\d*$/;
if
(!reg.test(str)){

//判断是否为数字类型
if
(val>parseInt(
'123'
))
//“123”为自己设定的最大值
{
alert(
'对不起，您输入的数字超出范围'
);
//请将“数字”改成你要验证的那个属性名称！
}
}
}
}
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/
Mobile : /^((\d2,3\d2,3)|(\d{3}\-))?13\d{9}/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?/QQ:/[1−9]\d4,8/QQ:/[1−9]\d4,8/

某种特殊金额：/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/

?
1
2
3
4
5
//说明：除“XXX XX,XXX XX,XXX.00”格式外
//为上面提供各个JS验证方法提供.trim()属性
String.prototype.trim=
function
(){
return
this
.replace(/(^\s*)|(\s*$)/g,
""
);
}

调用：

?
1
2
"text" name="str" >
"button" value=" 确定 " onClick=""> //onClick中写自己要调用的JS验证函

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/114405.html原文链接：https://javaforall.net

赞 (0)
0 0

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2021年9月18日 下午7:00
下一篇 2021年9月18日 下午7:00


相关推荐

  • python语言介绍

    python语言介绍

    python语言介绍Python是一种动态的、面向对象的脚本语言，最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越来越多被用于独立的、大型项目的开发。发展历程自从20世纪90年代初Python语言诞生至今，它已被逐渐广泛应用于系统管理任务的处理和Web编程。Python的创始人为GuidovanRossum。1989年圣诞节…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月8日
    37
  • 再生龙使用手册_龙再生

    再生龙使用手册_龙再生

    再生龙使用手册_龙再生“为什么你的代码我跑不了？”搭建环境是一键非常有趣(令人讨厌)的事情。尤其对于任务重心不在搭建环境的人而言，更应该把有限的时间和精力用在核心任务上。下面推荐一款再生龙软件，能让你的U盘作为打包好的系统盘，实现快速备份、还原和部署整个系统环境。

    全栈程序员-站长的头像 全栈程序员-站长
    2025年7月30日
    4
  • kafka的groupid

    kafka的groupid

    kafka的groupid设置消费者 properties 的两个参数 consumer group idproperties setProperty auto offset reset earliest latest 注意 只要不更改 group id 每次重新消费 kafka 都是从上次消费结束的地方继续开始 不论 auto offset reset 属性设置的是什么场景一 Kafka 上

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月17日
    2
  • 访问页面升级访问_容器化单页面应用中RESTful API的访问

    访问页面升级访问_容器化单页面应用中RESTful API的访问

    访问页面升级访问_容器化单页面应用中RESTful API的访问最近在工作中，需要让运行在容器中的单页面应用程序能够访问外部的RESTfulAPI。这个需求看起来并不困难，不过实现起来还是有些曲折的。在此，我就将这部分内容总结一下。在入正题之前，有个一问题，就是为什么要将单页面应用放在容器中运行？这个问题其实跟“为什么要将应用程序容器化”是一个问题。简单来讲，容器化的应用程序可以运行在任何具有容器执行环境的宿主平台上，比如可以在Linux系统中运行…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月17日
    37
  • dropdownlist绑定数据源_不能绑定到字段或数据成员

    dropdownlist绑定数据源_不能绑定到字段或数据成员

    dropdownlist绑定数据源_不能绑定到字段或数据成员如何使用DropDownList控件绑定数据呢，今天我们来介绍一下比较常用的一种方法——前后台结合方式：首先，我们需要拉一个DropDownList控件：然后，通过控件配置SqlDataSource数据源，选择合适的数据表：接着，设置DataTextField（数据源中提供项文本的字段）和DataValueField（数据源中提供项值的字段）属性：前台显示如下：配置完之后，一定不要忘记删除DataSourceID属性和生成的SqlDataSource控件：

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月8日
    5
  • 一分钟弄懂什么是分布式和微服务

    一分钟弄懂什么是分布式和微服务

    一分钟弄懂什么是分布式和微服务简单的说 微服务是架构设计方式 分布式是系统部署方式 两者概念不同微服务是啥 这里不引用书本上的复杂概论了 简单来说微服务就是很小的服务 小到一个服务只对应一个单一的功能 只做一件事 这个服务可以单独部署运行 服务之间可以通过 RPC 来相互交互 每个微服务都是由独立的小团队开发 测试 部署 上线 负责它的整个生命周期 微服务架构又是啥 在做架构设计的时候 先做逻辑架构 再做物理架构 当你拿到

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月19日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号