1. 全栈程序员必看首页

表单验证

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

表单验证

//判断输入内容是否为空
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


相关推荐

  • macbookair快捷键大全示意图(macbookair快捷键大全)

    macbookair快捷键大全示意图(macbookair快捷键大全)

    打开谷歌控制台：option+command+i注释html文件内容：option+shift+a效果：<!–注释html文件内容–>

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月12日
    715
  • linux编辑文件命令vim怎么退出_vim退出命令

    linux编辑文件命令vim怎么退出_vim退出命令

    linux编辑文件命令vim怎么退出_vim退出命令一、进入文件vim/etc/profile二、编辑文件按i进行编辑三、保存与退出1.首先按esc键返回命令编辑模式，刚才的Insert会消失2.按英文状态的:3.此时进行:q!不保存文件，强制退出vi命令:w保存文件，不退出vi命令:wq保存文件，退出vi命令4.输入以上命令按enter进行…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月24日
    4
  • 104键盘按键图_键盘按键错乱怎么恢复

    104键盘按键图_键盘按键错乱怎么恢复

    104键盘按键图_键盘按键错乱怎么恢复104键键盘键位布局图**★主键盘区**A→65B→66C→67D→68E→69F→70G→71H→72I→73J→74K→75L→76M→77N→78O→79P→80Q→81R→82S→83T→84U→85V→86W→87X→88Y→89…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月23日
    0
  • datax(7):JobContainer源码解读

    datax(7):JobContainer源码解读

    datax(7):JobContainer源码解读前面已经看了Engine，其中有一步就是判断container是job还是taskGroup类型。本文就好好看看JobContainer。一，概述JobContainer：job实例运行在jobContainer容器中，它是所有任务的master，负责初始化、拆分、调度、运行、回收、监控和汇报，但它并不做实际的数据同步操作1、如果是job类型，则依次执行job的preHandler()、init()、prepare()、split()、schedule()、-post()、post.

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月16日
    43
  • 怎么安装pycharm及环境变量配置_pycharm配置python环境

    怎么安装pycharm及环境变量配置_pycharm配置python环境

    怎么安装pycharm及环境变量配置_pycharm配置python环境pycharm安装以及其环境的配置说明此次我们使用win10系统安装pycharm的64位社区版，并且对Anaconda3中自带的Python3进行环境的配置，如果您没有Anaconda3甚至是没有Python3环境，可以参考Anaconda3安装教程及说明，如果您的pip源未更改，这里推荐您改为使用国内的pip源，这样可以更快的下载组件，方法见修改pip源至国内镜像网站。教程从开始菜单中找到你的AnacondaPrompt并打开…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月26日
    3
  • linux命令行怎么结束进程,linux结束进程命令「建议收藏」

    linux命令行怎么结束进程,linux结束进程命令「建议收藏」

    linux命令行怎么结束进程,linux结束进程命令「建议收藏」linux下进程的开启与结束都可以通过命令来控制，下面由学习啦小编为大家整理了linux下结束进程命令的相关知识，希望对大家有所帮助。linux结束进程命令1.killkill[信号代码]根据PID向进程发送信号，常用来结束进程，默认信号为-9信号代码，可取值如下：-l[信号数字]显示、翻译信号代码-9,-KILL发送kill信号退出-6,-ABRT发送abort信号…

    全栈程序员-站长的头像 全栈程序员-站长
    2025年6月22日
    0

发表回复

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

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