1. 全栈程序员必看首页

表单验证

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

表单验证

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


相关推荐

  • vim查找命令

    vim查找命令

    vim查找命令     ESC切换到命令模式下，按‘/’，然后输入要查找的字符，Enter。？和/的区别是，一个向前（下）找，一个向后（上）。     另外，‘*’可以查找当前光标下的word（完全符合），‘g*’则部分符合，以#代替*表示向后（上）找。命令模式下，输入/word后回车，即查找word，按n查找下一个匹配单词，按N查找上一个匹配单词。…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月16日
    45
  • Android实现视频播放的3种实现方式[通俗易懂]

    Android实现视频播放的3种实现方式[通俗易懂]

    Android实现视频播放的3种实现方式[通俗易懂]Android提供了常见的视频的编码、解码机制。使用Android自带的MediaPlayer、MediaController等类可以很方便的实现视频播放的功能。支持的视频格式有MP4和3GP等。这些多媒体数据可以来自于Android应用的资源文件，也可以来自于外部存储器上的文件，甚至可以是来自于网络上的文件流。下面来说一下视频播放的几种实现方式：1、MediaController+Vid…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月10日
    30
  • Dynamics Crm 2011 Or 2013 IFD 部署一段时间后，CA验证问题[通俗易懂]

    Dynamics Crm 2011 Or 2013 IFD 部署一段时间后，CA验证问题[通俗易懂]

    Dynamics Crm 2011 Or 2013 IFD 部署一段时间后，CA验证问题[通俗易懂]以下错误描述摘自博客：http://blog.csdn.net/qzw4549689/article/details/14451257IFD部署一段时间后，大概一年，突然出现从IFD登录页面登录后，再次弹出要求登录的框，多次输入用户名密码仍然无效，查看日志：><TraceRecordxmlns=”http://schemas.micros…

    全栈程序员-站长的头像 全栈程序员-站长
    2025年7月24日
    3
  • 关于数据库tinyint 字段的值范围「建议收藏」

    关于数据库tinyint 字段的值范围「建议收藏」

    关于数据库tinyint 字段的值范围「建议收藏」tinyint从-2^7(-128)到2^7-1(123)的整型数据。存储大小为1个字节。unsigned是从0到255的整型数据。所以建表的时候只能是tinyint(3),哪怕你建tinyint(100)，他最大还是3位这么多。转载于:https://www.cnblogs.com/jinhaidong/p/5944554.html…

    全栈程序员-站长的头像 全栈程序员-站长
    2025年11月19日
    4
  • ARM Linux ELF加壳方案

    ARM Linux ELF加壳方案

    ARM Linux ELF加壳方案随着移动应用和IoT设备的普及，大量的硬件抛弃了传统的x86架构，选择使用能耗低、性价比高的ARM芯片，ARM指令级渐渐成为主流，但随之而来的，是愈发严峻的安全问题。早期的加壳产品主要利用压缩加密技术对文件进行整体性保护，但随着逆向技术的提升，整体性的文件保护方案已经被攻克，于是加壳产品引入虚拟机概念，可以实现函数级的代码控制流保护，加密的颗粒度更加细致，激活成功教程难度呈几何级增加。压缩加密技术原理类似桌面应用的「压缩壳」，将SO文件中的代码段压缩或加密，在入口函数中解密再执行。这种保护方式可

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月11日
    2
  • Android从零开始搭建MVVM架构（3）——ViewModel

    Android从零开始搭建MVVM架构（3）——ViewModel

    Android从零开始搭建MVVM架构（3）——ViewModelViewModel类是被设计用来以可感知生命周期的方式存储和管理UI相关数据，ViewModel中数据会一直存活即使activityconfiguration发生变化。ViewModel有什么优势？1.数据持久化activity在销毁重建时，之前我们可以用activity的onSaveInstanceState()机制保存和恢复数据，但缺点很明显，onSaveInstanceS…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月17日
    26

发表回复

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

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