开发工具与关键技术:Visual Studio 2015
作者:杨镇虹
撰写时间:2019.07.30
一、页面的保存新增-常用乘客姓名信息
//保存新增-常用乘客信息 自定义一个方法名saveInsert
function saveInsert() {
//首选获取页面数据 - 然后判断数据 - 打开加载层 -
//获取页面数据 #号代表的是ID选择器 这个是表的ID formInsertPassengName 名称name 乘客姓名’PassengerName’ 手机号’PhoneNumber’ 身份证号’IdentificationCard’ 电子邮件 ‘Email’
var PassengerName = $("#formInsertPassengName [name = ‘PassengerName’]").val();//姓名
var PhoneNumber = $("#formInsertPassengName [name = ‘PhoneNumber’]").val();//手机号
var IdentificationCard = $("#formInsertPassengName [name = ‘IdentificationCard’]").val();//身份证号’IdentificationCard’
var Email = $("#formInsertPassengName [name = ‘Email’]").val();//电子邮件
//中文汉字姓名正则验证 {2,4} 2代表是最少填写位中文汉字,4代表是最多只能填写4位中文汉字
var Pname = /1{2,4}
/
;
/
/
i
f
判
断
如
果
页
面
填
写
的
数
据
乘
客
姓
名
P
a
s
s
e
n
g
e
r
N
a
m
e
不
等
于
这
个
中
文
汉
字
正
则
验
证
的
话
i
f
(
!
P
n
a
m
e
.
t
e
s
t
(
P
a
s
s
e
n
g
e
r
N
a
m
e
)
)
/
/
就
会
弹
出
下
面
这
个
提
示
框
来
提
醒
用
户
i
c
o
n
图
标
标
题
名
t
i
t
l
e
提
示
l
a
y
e
r
.
a
l
e
r
t
(
"
请
输
入
汉
字
!
"
,
i
c
o
n
:
0
,
t
i
t
l
e
:
"
提
示
!
"
)
;
r
e
t
u
r
n
;
/
/
返
回
/
/
手
机
号
验
证
11
位
数
(
前
面
第
一
位
数
是
1
[
1
]
第
二
位
数
是
3
或
4
、
5
、
7
、
8
其
中
一
位
这
是
后
面
9
位
数
[
0
−
9
]
)
v
a
r
o
f
k
e
o
=
/
[
1
]
[
3
,
4
,
5
,
7
,
8
]
[
0
−
9
]
9
/; //if判断 如果页面填写的数据 乘客姓名PassengerName 不等于这个中文汉字正则验证的话 if (!Pname.test(PassengerName)) { //就会弹出下面这个提示框来提醒用户 icon图标 标题名title 提示 layer.alert("请输入汉字!", { icon: 0, title: "提示!" }); return;//返回 } //手机号验证11位数 (前面第一位数是1 [1] 第二位数是 3或4、5、7、8 其中一位 这是后面9位数 [0-9] ) var ofkeo = /^[1][3,4,5,7,8][0-9]{9}
/;//if判断如果页面填写的数据乘客姓名PassengerName不等于这个中文汉字正则验证的话if(!Pname.test(PassengerName))//就会弹出下面这个提示框来提醒用户icon图标标题名title提示layer.alert("请输入汉字!",icon:0,title:"提示!");return;//返回//手机号验证11位数(前面第一位数是1[1]第二位数是3或4、5、7、8其中一位这是后面9位数[0−9])varofkeo=/[1][3,4,5,7,8][0−9]9/;
//if判断页面填写的手机号PhoneNumber是否与这个正则手机号验证ofkeo正确 如果验证失败
if (!ofkeo.test(PhoneNumber)) {
//就会弹出这个提示框来提醒用户 icon图标 标题名title 提示
layer.alert(“输入的手机号码有误,请输入正确手机号码!”, { icon: 0, title: “提示” });
return; //返回
}
//身份证信息验证(15位数或者/18位数为身份证号码的验证)
var IDNumTest = /(\d{15}$|^\d{18}$|\d{17}(\d|X|x))$/;
//判断页面填写的身份证号填写是否正确
if (!IDNumTest.test(IdentificationCard)) {
//就会弹出这个提示框来提醒用户 icon图标 标题名title 提示
layer.alert(“输入的身份证信息有误,请输入正确数据!”, { icon: 0, title: “提示” });
return; //返回
}
//正则电子邮箱验证
var dws = /^([a-zA-Z0-9_-])+([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
//判断页面填写的邮箱号是否与正则电子邮箱验证成功 如果验证失败
if (!dws.test(Email)) {
//就会弹出这个提示框来提醒用户 icon图标 标题名title 提示
layer.alert(“输入的电子邮箱有误,请输入正确电子邮箱!”, { icon: 0, title: “提示” });
return; //返回
}
//判断页面的值是否不等于空
if ( Email != “”) {
//打开加载层
var layInex = layer.load();
//提交表单数据到控制器
$("#formInsertPassengName").ajaxSubmit(function (returnJson) {
//关闭加载层
layer.close(layInex);
//新增成功
if (returnJson.State) {
//关闭hide 模态框modal
$("#modInsertPassengerName").modal(“hide”);
//提示信息
layer.msg(returnJson.Text, { icon: 1, title: “提示” });
//刷新表格
cyxmgl.reload();
} else {
layer.alert(returnJson.Text, { icon: 0, title: “提示” });
}
});
} else {//如果上面填写数据不完整就会弹出这个提示框来提醒用户
layer.alert(“请填写完整数据信息!”, { icon: 3, title: “提示” });
}
}
\u4E00-\u9FA5 ↩︎