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


相关推荐

  • fiddler 抓包详细教程「建议收藏」

    fiddler 抓包详细教程「建议收藏」

    为什么要先学fiddler？学习接口测试必学http协议，如果直接先讲协议，我估计小伙伴们更懵，为了更好的理解协议，先从抓包开始。结合抓包工具讲http协议更容易学一些。抓firefox上https请求fiddler是一个很好的抓包工具，默认是抓http请求的，对于pc上的https请求，会提示网页不安全，这时候需要在浏览器上安装证书。一、网页不安全1.用fiddler抓包时候，打开百…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月9日
    154
  • java case when用法_sql case when 嵌套

    java case when用法_sql case when 嵌套

    java case when用法_sql case when 嵌套前几天在客户环境遇到一个Spark“CASEWHEN”语句的性能优化问题。客户那边通过一个“时间范围筛选”控件来动态修改图表的数据。其很多指标的计算逻辑类似于：CASEWHEN`bizdate`BETWEEN’2020-09-06’AND’2020-09-13’THEN`sales_amount`ELSE0ENDCASEWHEN语句有些类似于编程语言中的Switch语句，当这里的…

    全栈程序员-站长的头像 全栈程序员-站长
    2025年9月18日
    8
  • 芋道平台生成的代码为何不包含自定义字段？ cursor

    芋道平台生成的代码为何不包含自定义字段？

    芋道平台生成的代码为何不包含自定义字段？

    Ai探索者的头像 Ai探索者
    2026年3月15日
    2
  • css好看的颜色渐变,Css渐变配色收集

    css好看的颜色渐变,Css渐变配色收集

    css好看的颜色渐变,Css渐变配色收集cssbody background color gradient0 gradient start 6DE195 gradient start text 6DE195 gradient end C4E759 gradient end text C4E759 gradient1 gradient start 41C7

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月16日
    2
  • IP地址和域名的关系

    IP地址和域名的关系

    IP地址和域名的关系1、ip地址和域名是一对多的关系，一个ip地址可以有多个域名，但是相反，一个域名只能有一个ip地址；2、ip地址是数字型的，为了方便记忆，才有了域名，通过域名地址就能找到ip地址；3、ip，全称为互联网协议地址，是指ip地址，意思是分配给用户上网使用的网络协议的设备的数字标签；4、常用的ip地址分为IPv4和IPv6两大类；什么是IP地址1、IP地址是IP协议提供的一种统一的地址格式，他为互联网上的每一台主机和每一个网络都分配一个唯一的逻辑地址，以此来屏蔽物理地址的差异；

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月5日
    89
  • android 模拟器 电脑配置,手机安卓模拟器多开对电脑配置要求与占用浅谈

    android 模拟器 电脑配置,手机安卓模拟器多开对电脑配置要求与占用浅谈

    android 模拟器 电脑配置,手机安卓模拟器多开对电脑配置要求与占用浅谈为大家分享一下模拟器多开对电脑配置硬件要求 现在就以我自己用的模拟器为模板来做参考一 我测试用的配置性能情况 跑分只作参考 我每次跑的分数有时高有时低都不一样 二 开模拟器对配置的要求与占用 1 对硬盘容量我从只有一个增加到四十个原始镜相一共占用 19G 平均一个原始镜相 500M 来算吧 再加上你需要安装游戏的大小 这个很好算我就不多说了 如图 2 对内存的占用需求 空开时内存占用 2 6G 三十空开时

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

发表回复

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

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