日期控件、校验
来源:互联网 发布:json.stringify()使用 编辑:程序博客网 时间:2024/06/06 12:55
<td class="entryTimeTd"><span class="redStar">*</span>入职日期:</td><td class="entryTimeTd"><input type="text" class="" id="entryTimeEdit" name ="entryTimeEdit" onClick="datePickerInit('entryTimeEdit','YYYY-MM-DD',false)" readonly="readonly" ><span id="entryTimeError" style="color: red"></span></td>
/**
* datePickerInit.js 小工具 使用前提条件-----引入jquery-1.11.3.js jedate.js domId :
* 需要填充日期的DOM元素的id 比如是一个input的id format: 需要填充日期的格式 例如 "YYYY-MM-DD hh:mm:ss"
* "YYYY-MM-DD hh:00:00" "YYYY-MM-DD hh:59:59" "YYYY年MM月DD日 hh时mm分ss秒" isTime:
* 是否开启时间选择
*/
function datePickerInit(domId, format, isTime) {
var datePickerOptions = {
dateCell : "#" + domId, // 目标元素。由于jedate.js封装了一个轻量级的选择器,因此dateCell还允许你传入class、tag这种方式
// '#id .class'
format : format, // 日期格式
//minDate : "2017-08-15", // 最小日期
// maxDate:"2099-12-31 23:59:59", //最大日期
isinitVal : true, // 是否初始化时间
isTime : isTime, // 是否开启时间选择
isClear : true, // 是否显示清空
festival : false, // 是否显示节日
zIndex : 999, // 弹出层的层级高度
marks : null, // 给日期做标注
choosefun : function(val) {
}, // 选中日期后的回调
clearfun : function(val) {
}, // 清除日期后的回调
okfun : function(val) {
} // 点击确定后的回调
};
jeDate(datePickerOptions);
}
//registerAction.js
function validateForm(){
var name=document.getElementById("username").value.trim();var password=document.getElementById("password").value.trim();
var repassword=document.getElementById("repassword").value.trim();
var mobile=document.getElementById("mobile").value.trim();
if(checkUserName()&&checkPassword()&&checkRepassword()&&checkMobile()){
$.ajax({
type : 'post',
dataType : 'json',
url : basePath + 'registerrest/registerSave?random=' + Math.random(),
data:{
"name":name,
"password":password,
"mobile":mobile
},
success : function(data){
if(data== 1){
zeroModal.alert("恭喜您!注册成功!");
}else if(data == 2){
zeroModal.alert("注册用户信息失败");
}else{
zeroModal.alert("用户手机重复,请重新输入");
}
}
});
}else{
zeroModal.alert("注册失败,请重新输入!");
}
}
function submit(obj){
$.ajax({
type : 'post',
dataType : 'json',
url : basePath + 'registerrest/registerSave?random=' + Math.random(),
data : obj,
success : function(data){
if(data == 1){
zeroModal.alert('恭喜您!注册成功!');
}else if(data == 2){
zeroModal.alert('注册用户信息失败');
}else{
zeroModal.alert('用户手机重复,请重新输入');
}
}
});
}
function checktips(id){
document.getElementById(id+"Info").innerHTML="";
}
function resetForm(){
document.getElementById("username").innerHTML="";
document.getElementById("password").innerHTML="";
document.getElementById("repassword").innerHTML="";
document.getElementById("mobile").innerHTML="";
}
function checkUserName(){
var name=document.getElementById("username").value.trim();
// var name = $("#username").val().trim();
var nameRegex=/^[^@#]{3,16}$/;
if(name==""){
document.getElementById("usernameInfo").innerHTML="请输入用户名!";
}else if(!nameRegex.test(name)){
document.getElementById("usernameInfo").innerHTML="用户名为3~16个字符,且不能包含”@”和”#”字符";
}else{
document.getElementById("usernameInfo").innerHTML="";
return true;
}
}
//验证密码(长度在8个字符到16个字符)
function checkPassword(){
var password=document.getElementById("password").value.trim();
//var password=$("#password").value;
// $("#passwordInfo").innerHTML="";
//密码长度在5个字符到20个字符,由字母、数字和".""-""_""@""#""$"组成
//var passwordRegex=/^[0-9A-Za-z.\-\_\@\#\$]{8,16}$/;
//密码长度在5个字符到20个字符,由字母、数字和"_"组成
var passwordRegex=/^[0-9A-Za-z_]\w{4,19}$/;
if(password==""){
document.getElementById("passwordInfo").innerHTML="请输入密码!";
}else if(!passwordRegex.test(password)){
document.getElementById("passwordInfo").innerHTML="密码长度必须在5个字符到20个字符之间,由字母、数字和下划线(_)组成";
}else if(password.length < 5 || password.length > 20 ){
document.getElementById("passwordInfo").innerHTML="密码长度必须在5个字符到20个字符之间";
}else{
document.getElementById("passwordInfo").innerHTML="";
return true;
}
}
//验证校验密码(和上面密码必须一致)
function checkRepassword(){
var repassword=document.getElementById("repassword").value.trim();
var password=document.getElementById("password").value.trim();
//校验密码和上面密码必须一致
if(repassword==""){
document.getElementById("repasswordInfo").innerHTML="请确认密码!";
}else if(repassword!=password){
document.getElementById("repasswordInfo").innerHTML="两次输入的密码不一致";
}else if(repassword==password){
document.getElementById("repasswordInfo").innerHTML="";
return true;
}
}
//验证邮箱
function checkEmail(){
var email=document.getElementById("email").value.trim();
var emailRegex=/^[a-zA-Z0-9][a-zA-Z0-9\.\-_]*@[a-zA-Z0-9\-_]+(\.[a-zA-Z]+){1,3}$/;
if(email==""){
document.getElementById("emailInfo").innerHTML="邮箱不能为空";
}else if(!emailRegex.test(email)){
document.getElementById("emailInfo").innerHTML="邮箱格式不正确";
}else if(email.length > 40){
document.getElementById("emailInfo").innerHTML="邮箱长度过长";
}else{
document.getElementById("emailInfo").innerHTML="";
return true;
}
}
//验证手机号
function checkMobile(){
var mobile=document.getElementById("mobile").value.trim();
var mobileRegex = /^1[3|4|5|8|7][0-9]\d{8}$/;
if(mobile==""){
document.getElementById("mobileInfo").innerHTML="请输入手机号";
}else if(!mobileRegex.test(mobile)){
document.getElementById("mobileInfo").innerHTML="手机号不正确";
}else if(mobile.length != 11){
document.getElementById("mobileInfo").innerHTML="手机号为11位,显示不正确";
}else{
// document.getElementById("mobileInfo").innerHTML="";
$("#mobileInfo").innerHTML="";
return true;
}
}
//global.js
(function () {
"use strict";
$(function () {
//init all datepicker
$('.date_picker').datepicker({
language: "zh-CN",
autoclose: true
});
//according to user rights to init document element
window.top.$_icss_namespace("icss.framework.utils.auth").loadAuth();
//todo kill window history back
//window.top.$_icss_namespace("icss.framework.utils.winAction").killHistory();
})
})();
//icss_namespace.js
(function () {
"use strict";
window.top.$_icss_namespace = function () {
var ns, d;
ns = window.top;
if (arguments[0]) {
d = arguments[0].split(".");
for ( var i = 0; i < d.length; i++) {
ns = ns[d[i]] = ns[d[i]] ? ns[d[i]] : {};
}
}
return ns;
}
})();
//utils.js
/**
* Created by chunsibo on 2017/5/4.
* icss.framework.utils 依赖以下JS
* 依赖:[underscore, jquery, moment]
* 输出包:[kit, url, auth]
*/
(function (jQuery) {
"use strict";
var utils = window.top.$_icss_namespace("icss.framework.utils");
// icss.framework.utils.kit
var _kit = utils.kit = window._.noConflict();
var _url_inner = {
encodeUriQuery: function (val, pctEncodeSpaces) {
return encodeURIComponent(val)
.replace(/%40/gi, '@')
.replace(/%3A/gi, ':')
.replace(/%24/g, '$')
.replace(/%2C/gi, ',')
.replace(/%3B/gi, ';')
.replace(/%20/g, (pctEncodeSpaces ? '%20' : ' '));
}
};
// icss.framework.utils.url
utils.url = {
/**
* build url by parameters
* @param url
* @param params
* @returns {*} url like http://127.0.0.1:888/api?model=job&action=list
*/
buildUrl: function (url, params) {
if (!params) return url;
var parts = [];
_kit.each(params, function (value, key) {
if (_kit.isNull(value) || _kit.isUndefined(value)) return;
if (!_kit.isArray(value)) {
value = [value];
}
if (!_kit.isObject(value)) {
parts.push(_url_inner.encodeUriQuery(key) + '=' +
_url_inner.encodeUriQuery(value));
} else {
_kit.each(value, function (v) {
if (_kit.isObject(v)) {
if (_kit.isDate(v)) {
v = v.toISOString();
} else {
v = JSON.stringify(v);
}
}
parts.push(_url_inner.encodeUriQuery(key) + '=' +
_url_inner.encodeUriQuery(v));
});
}
});
if (parts.length > 0) {
url += ((url.indexOf('?') == -1) ? '?' : '&') + parts.join('&');
}
return url;
},
/**
* get url parameters
* @param win : current window
* @returns {*} Object
*/
getUrlParams: function (win) {
if (!win || !win.location) return undefined;
var url = win.location.search;
var paramsObj = {};
if (url.indexOf("?") != -1) {
var paramsStr = url.substr(1);
var params = paramsStr.split("&");
for (var i = 0; i < params.length; i++) {
var kv = params[i].split("=");
var k = kv[0], v = kv[1];
if (paramsObj.hasOwnProperty(k)) {
if (_kit.isArray(paramsObj[k])) {
paramsObj[k].push(decodeURIComponent(v));
} else {
var pre = paramsObj[k];
paramsObj[k] = [];
paramsObj.push(pre);
paramsObj.push(decodeURIComponent(v));
}
} else {
paramsObj[k] = decodeURIComponent(v);
}
}
}
return paramsObj;
}
};
// icss.framework.utils.moment
utils.moment = window.moment;
// icss.framework.utils.auth
utils.auth = {
/**
* control document element show or hide by user permission;
* when app document ready, framework call this;
*/
loadAuth: function () {
jQuery("[auth]").each(function () {
var auth = jQuery(this).attr("auth");
var userAuth = $user.auth;
if (userAuth.indexOf('$' + auth + '$') == -1) {
jQuery(this).hide();
}
});
},
/**
* judge user has one right;
* @param auth
* @returns {boolean}
*/
hasAuth: function (right) {
var userAuth = $user.auth;
if (userAuth.indexOf('$' + right + '$') == -1) {
return false;
}
return true;
}
};
// icss.framework.utils.standerResult
utils.standerResult = {
/**
* build stander success message
* @param data
* @returns {{success: boolean, data: *, message: string}}
*/
getSuccessResult: function (data) {
return {success: true, data: data, message: ''}
},
/**
* build stander error message
* @param msg
* @returns {{success: boolean, data: null, message: *}}
*/
getErrorResult: function (msg) {
return {success: false, data: null, message: msg}
}
};
utils.winAction = {
/**
* kill window history action
*/
killHistory: function () {
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
}
}
})(window.jQuery);
- 日期控件、校验
- 日期校验
- datepicker 日期控件的js校验(version-input.jsp)
- 日期校验javascript
- 日期校验javascript
- JavaScript日期校验
- JavaScript日期校验
- java:日期合法性校验
- java-校验日期
- Oracle日期校验函数
- 如何做日期校验
- 日期格式的校验
- js日期校验
- 正则表达式校验日期
- java 日期转换校验
- 校验日期正则表达式
- IFS日期校验与数字校验
- java 日期校验 可以校验闰年
- C++ 图论-Prim最小生成树
- Win7系统安装MySQL5.5.21图解教程
- C++中构造函数和析构函数调用的时机
- 模拟实现 strncpy( )函数
- 使用NetAssist注意事项
- 日期控件、校验
- Toy Storage POJ
- Android 调用相机拍照时报错FileUriExposedException .jpg beyond app through Intent.getData()
- Oracle 11g数据库详细安装步骤图解
- JAVA实现图片加水印及Base64图片字符串加水印
- 免费Git服务器
- hdu 1525 Euclid's Game 博弈
- 一、实现欢迎界面和游戏背景图的滚动(雷霆战机)
- PAT