JS前端验证(验证页面属性格式)
2012-03-12 15:38
363 查看
@param:做验证的正则表达式
/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 验证邮箱格式
/^[1][358]\d{9}$/; 验证手机号码
/^[0-9]{6}$/;验证邮政编码
/^\d+((\.?\d+)|(\d*))$/;验证Double类型数据
/^[\u4e00-\u9fa5]+$/i; 验证输入数据必须是汉字
/^\d{15}(\d{2}[\dXx]){0,1}$/; 验证身份证号 18位
/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;验证手机号,座机号,分机号
座机号码 (3-4位区号)-(7-8位直拨号码)-(1-4位分机号码) 如:010-1234567-1234
@function JQuery 验证示例,使用方法
function aaaa(){
$("input[type='text']").each(function(){
var a=$(this).val();
alert(a);
});
$("select").each(function(){
var aa=$(this).find("option:selected").text();
alert(aa);
})
}
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
var oFile = document.getElementById("uploadimg");
oFile.onblur = function(){
if(oFile.value == ""){
alert(‘空’);
}
};
$("#uploadimg").each()(function(){
if($("uploadimg").val()==""||$("#uploadimg").val()=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
mId.submit();
}
$(".conn").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
$("#"+formId+" input[type='text']").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
/**验证下拉列表option的值不为"" */
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
return false ;
}
flag=false;
});
/**注册用户,去掉前后面空格....action类去空格*/
public void test(){
int begin = 0, end = 0;
for (int i = 0; i < loginName.length(); i++) {
if (loginName.charAt(i) != ' ') {
begin = i;
break;
}
}
for (int i = loginName.length() - 1; i > 0; i--) {
if (loginName.charAt(i) != ' ') {
end = i;
break;
}
}
String loginName=loginName.substring(begin, end + 1);//去掉空格之后的字符串
}
@function:去除前后两端空格
@param:str 要去除空格的字符
function trim(str){
str = str.replace(/^\s+|\s+$/g, "");
return str;
}
@function:图片格式的验证
function checkContent6(){
var filepath= $("input[name='uploadimg']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase();
var img=new Image();
img.src=filepath;
if(filepath==""){
alert("请上传个人近期免冠证件照!");
document.getElementById("uploadimg").focus();
return false;
}
else{
if(ext!=".JPG"){
alert("请上传jpg格式图片!");
document.getElementById("uploadimg").focus();
return false;
}
}
return true;
}
@function验证特殊字符
//更多的过滤字符,请自己补充到new Array("char","varcahr","#");
function checkForms()
{
var iu, iuu, regArray=new Array("!","varchar","#","?","//","\");
iuu=regArray.length;
var obj=document.getElementById("username").value;
if(obj=="")
{
alert("用户名不能为空");
document.getElementById("username").focus();
return false;
}
for(iu=1;iu<=iuu;iu++)
{
if(regArray[iu] !="")
{
if (obj.indexOf(regArray[iu])!=-1)
{
alert("用户名不可以包含:" + regArray[iu]);
document.getElementById("username").focus();
return false;
}
}
}
return true;
}
@function js比较时间大小
function testTime(){
var s=new Date(dateStart1.replace(/-/g,"/")); //把 yyyy-mm-dd形式的时间格式转换成yyyy/mm/dd,string.replace(yyyy/mm/dd),replace(x,y)由于用一般字符串时不能全局替换,可以正则表达式实现。例:var
t1="2011-1-1".replace(/-/g,"/");
var e=new Date(dateEnd1.replace(/-/g,"/")); //把String 类型的时间转换成Date类型
if(s.getTime()<e.getTime()) { //获取时间,比较大小
return true;
}else{
alert("请填写合理的时间范围!");
alert(s+" "+s.getTime()+" "+dateStart1.replace(/-/g,"/"));
document.getElementById("dateEnd1").focus();
return false;
}
}
}
时间大小的比较还可以使用 Date.parse("月/日/年") > Date.parse("月/日/年"),而不是“年月日”或“日月年”,先在文本框里获取时间的String类型值(yyyy-mm-dd),然后转化成mm/dd/yyyy,(String.replace("-","/")),再进行比较,但是一般推荐下述方法,简单可行:
<script>
var a = new Date("2012/12/12");
var b = new Date("2012/12/13");
if(a.getTime()>b.getTime()) {
alert("a");
}else {
alert("b");
}
</script>
补充:
@function:时间大小的比较
if(Date.parse(dateStart1.replace("-","/"))>Date.parse(dateEnd1.replace("-","/"))){
alert("请填写合理的时间范围!");
document.getElementById("dateEnd1").focus();
return false;
}
@function 替换固定电话的中英文半角符号"- -"
function replace(){
var reg1=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;//验证电话号码,手机号和固定电话
mobilePhone=mobilePhone.replace(/-/g,"-");//全角符号"-",替换为半角
mobilePhone=mobilePhone.replace(/-/g,"-");//半角符号"-"
$("#contactorTelephone").attr("value",mobilePhone);,把替换好的值回赋给text文本
if(reg1.test(mobilePhone))
{
}
else
{
alert("请输入正确格式的电话号码( 手机号 如:138***,座机号 如:010-1234567-12 注意:手机号为11位 )!");
document.getElementById("contactorTelephone").focus();
return false;
}
}
详细案例见:/article/3858093.html
/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 验证邮箱格式
/^[1][358]\d{9}$/; 验证手机号码
/^[0-9]{6}$/;验证邮政编码
/^\d+((\.?\d+)|(\d*))$/;验证Double类型数据
/^[\u4e00-\u9fa5]+$/i; 验证输入数据必须是汉字
/^\d{15}(\d{2}[\dXx]){0,1}$/; 验证身份证号 18位
/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;验证手机号,座机号,分机号
座机号码 (3-4位区号)-(7-8位直拨号码)-(1-4位分机号码) 如:010-1234567-1234
@function JQuery 验证示例,使用方法
function aaaa(){
$("input[type='text']").each(function(){
var a=$(this).val();
alert(a);
});
$("select").each(function(){
var aa=$(this).find("option:selected").text();
alert(aa);
})
}
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
var oFile = document.getElementById("uploadimg");
oFile.onblur = function(){
if(oFile.value == ""){
alert(‘空’);
}
};
$("#uploadimg").each()(function(){
if($("uploadimg").val()==""||$("#uploadimg").val()=null){
alert("*项为必填项,请完整填写...");
break;
}
flag=false;
});
mId.submit();
}
$(".conn").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
$("#"+formId+" input[type='text']").each(function(){
var content=$(this).val();
alert(content);
if(content==""||content==null){
alert("*项为必填项,请完整填写...");
return false; //break出错
}
});
/**验证下拉列表option的值不为"" */
$("select").each(function(){
var content=$(this).find("option:selected").text();
if(content==""||content=null){
alert("*项为必填项,请完整填写...");
return false ;
}
flag=false;
});
/**注册用户,去掉前后面空格....action类去空格*/
public void test(){
int begin = 0, end = 0;
for (int i = 0; i < loginName.length(); i++) {
if (loginName.charAt(i) != ' ') {
begin = i;
break;
}
}
for (int i = loginName.length() - 1; i > 0; i--) {
if (loginName.charAt(i) != ' ') {
end = i;
break;
}
}
String loginName=loginName.substring(begin, end + 1);//去掉空格之后的字符串
}
@function:去除前后两端空格
@param:str 要去除空格的字符
function trim(str){
str = str.replace(/^\s+|\s+$/g, "");
return str;
}
@function:图片格式的验证
function checkContent6(){
var filepath= $("input[name='uploadimg']").val();
var extStart=filepath.lastIndexOf(".");
var ext=filepath.substring(extStart,filepath.length).toUpperCase();
var img=new Image();
img.src=filepath;
if(filepath==""){
alert("请上传个人近期免冠证件照!");
document.getElementById("uploadimg").focus();
return false;
}
else{
if(ext!=".JPG"){
alert("请上传jpg格式图片!");
document.getElementById("uploadimg").focus();
return false;
}
}
return true;
}
@function验证特殊字符
//更多的过滤字符,请自己补充到new Array("char","varcahr","#");
function checkForms()
{
var iu, iuu, regArray=new Array("!","varchar","#","?","//","\");
iuu=regArray.length;
var obj=document.getElementById("username").value;
if(obj=="")
{
alert("用户名不能为空");
document.getElementById("username").focus();
return false;
}
for(iu=1;iu<=iuu;iu++)
{
if(regArray[iu] !="")
{
if (obj.indexOf(regArray[iu])!=-1)
{
alert("用户名不可以包含:" + regArray[iu]);
document.getElementById("username").focus();
return false;
}
}
}
return true;
}
@function js比较时间大小
function testTime(){
var s=new Date(dateStart1.replace(/-/g,"/")); //把 yyyy-mm-dd形式的时间格式转换成yyyy/mm/dd,string.replace(yyyy/mm/dd),replace(x,y)由于用一般字符串时不能全局替换,可以正则表达式实现。例:var
t1="2011-1-1".replace(/-/g,"/");
var e=new Date(dateEnd1.replace(/-/g,"/")); //把String 类型的时间转换成Date类型
if(s.getTime()<e.getTime()) { //获取时间,比较大小
return true;
}else{
alert("请填写合理的时间范围!");
alert(s+" "+s.getTime()+" "+dateStart1.replace(/-/g,"/"));
document.getElementById("dateEnd1").focus();
return false;
}
}
}
时间大小的比较还可以使用 Date.parse("月/日/年") > Date.parse("月/日/年"),而不是“年月日”或“日月年”,先在文本框里获取时间的String类型值(yyyy-mm-dd),然后转化成mm/dd/yyyy,(String.replace("-","/")),再进行比较,但是一般推荐下述方法,简单可行:
<script>
var a = new Date("2012/12/12");
var b = new Date("2012/12/13");
if(a.getTime()>b.getTime()) {
alert("a");
}else {
alert("b");
}
</script>
补充:
@function:时间大小的比较
if(Date.parse(dateStart1.replace("-","/"))>Date.parse(dateEnd1.replace("-","/"))){
alert("请填写合理的时间范围!");
document.getElementById("dateEnd1").focus();
return false;
}
@function 替换固定电话的中英文半角符号"- -"
function replace(){
var reg1=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;//验证电话号码,手机号和固定电话
mobilePhone=mobilePhone.replace(/-/g,"-");//全角符号"-",替换为半角
mobilePhone=mobilePhone.replace(/-/g,"-");//半角符号"-"
$("#contactorTelephone").attr("value",mobilePhone);,把替换好的值回赋给text文本
if(reg1.test(mobilePhone))
{
}
else
{
alert("请输入正确格式的电话号码( 手机号 如:138***,座机号 如:010-1234567-12 注意:手机号为11位 )!");
document.getElementById("contactorTelephone").focus();
return false;
}
}
详细案例见:/article/3858093.html
相关文章推荐
- js非空验证、身份证格式验证、手机和电话格式验证(前端框架用了miniui)
- 前端每日一小练2---京东注册页面(无JS验证)
- js前端页面常用字段验证(持续更新)
- JS验证页面表单输入的各种数学格式
- js验证上传图片大小和格式
- js验证文件目录格式的正确性
- js 验证日期时间格式
- 页面输入框js正则验证输入值为数字,且只保留小数点后两位
- js中escape的用法----前端页面简单加密
- js验证时间格式
- js如何验证日期是否有效<包括日期是否为空,是否符合格式2013-04-17,及是否是一个合法的日期>
- geoserver图层属性查询及查询结果转换为arcgis js api能使用的格式
- js 前端验证表单输入
- quartz定时格式配置以及JS验证
- JS获取页面input控件中所有text控件并追加样式属性
- java 在前端页面上传图片文件,验证是否为合法的图片
- JS实现文件大小及格式验证
- js各种验证文本框输入格式
- js 正则验证时间格式
- js前端转换Date或秒数的时间格式