表单验证

举报
lxw1844912514 发表于 2022/03/27 02:11:10 2022/03/27
【摘要】 //判断输入内容是否为空 function IsNull(){ var str = document.getElementByIdx_x( 'str' ).value.trim(); if (str.length==0){...
//判断输入内容是否为空
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验证函

文章来源: blog.csdn.net，作者：lxw1844912514，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/lxw1844912514/article/details/100026616

【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱： cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论（0）

0/1000
抱歉，系统识别当前为高风险访问，暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称，即可参与社区互动！

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符，设置后3个月内不可修改。

确认 取消

加入云驻计划，成为创作者

  • 华为云周边好礼
  • 免费体验产品
  • 特殊身份标识
  • 线下官方门票
  • 内部专家零距离
  • 与10000+优质创作者共同成长
立即加入