符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
本文实例讲述了jQuery插件form-validation-engine正则表达式操作。分享给大家供大家参考,具体如下:
在滑县等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、做网站 网站设计制作定制开发,公司网站建设,企业网站建设,成都品牌网站建设,成都营销网站建设,外贸网站制作,滑县网站建设费用合理。
form-validation-engine是一个不错的表单验证插件,示例如下:
(function($)
{
$.fn.validationEngineLanguage
=
function()
{};
$.validationEngineLanguage
=
{
newLang:
function()
{
$.validationEngineLanguage.allRules
=
{"required":{
//
Add
your
regex
rules
here,
you
can
take
telephone
as
an
example
"regex":"none",
"alertText":"*
必选字段",
"alertTextCheckboxMultiple":"*
请选择选项",
"alertTextCheckboxe":"*
需要这个复选框"},
"length":{
"regex":"none",
"alertText":"*在
",
"alertText2":"
和
",
"alertText3":
"
之间"},
"maxCheckbox":{
"regex":"none",
"alertText":"*
检查允许超过"},
"minCheckbox":{
"regex":"none",
"alertText":"*
请选择
",
"alertText2":"
选项"},
"confirm":{
"regex":"none",
"alertText":"*
你的字段不匹配"},
"telephone":{
"regex":"/^[0-9\-\(\)\
]+$/",
"alertText":"*
无效的号码"},
"email":{
"regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
"alertText":"*
无效的邮箱"},
"date":{
"regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
"alertText":"*
无效的日期,必须是YYYY-MM-DD的格式"},
"onlyNumber":{
"regex":"/^[0-9\
]+$/",
"alertText":"*
只允许输入数字"},
"noSpecialCaracters":{
"regex":"/^[0-9a-zA-Z]+$/",
"alertText":"*
有非法字符"},
"ajaxUser":{
"file":"validateUser.php",
"extraData":"name=eric",
"alertTextOk":"*
这个用户是合法的",
"alertTextLoad":"*
加载中,请等待",
"alertText":"*
这个用户已经存在"},
"ajaxName":{
"file":"validateUser.php",
"alertText":"*
这个名字已经被使用",
"alertTextOk":"*
这个名字是可以的",
"alertTextLoad":"*
加载中,请等待"},
"onlyLetter":{
"regex":"/^[a-zA-Z\
\']+$/",
"alertText":"*
只允许输入字母"},
"validate2fields":{
"nname":"validate2fields",
"alertText":"*
你必须有姓和名"}
}
}
}
})(jQuery);
$(document).ready(function()
{
$.validationEngineLanguage.newLang()
});
这里面有不少正则表达式,很有意思。
很有意思的form表单验证。
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
正则表达式在线生成工具:
更多关于jQuery相关内容可查看本站专题:《jQuery正则表达式用法总结》、《jQuery字符串操作技巧总结》、《jQuery操作xml技巧总结》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
以下函数可以检测浏览器版本,支持IE、Firefox、Opera(15以上显示为Chrome对应的版本号)、chrome、Safari浏览器,可以传一个userAgent字符串,如果不传,则获取当前浏览器的userAgent串
function checkBrowser(ua){
var ua = ua || navigator.userAgent,
result = 'unknown';
switch (true) {
case /msie \d+\.\d+/i.test(ua) :
result = 'IE ' + ua.match(/msie (\d+\.\d+)/i)[1];
break;
case /trident/i.test(ua) /rv:\d+\.\d+/i.test(ua):
result = 'IE ' + ua.match(/rv:(\d+\.\d+)/i)[1];
break;
case /chrome\/\d+\.\d+/i.test(ua) :
result = 'Chrome ' + ua.match(/chrome\/(\d+\.\d+)/)[1];
break;
case /(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(ua) !/chrome/i.test(ua) :
result = 'safari';
break;
case /firefox\/(\d+\.\d+)/i.test(ua) :
result = 'firefox ' + ua.match(/firefox\/(\d+\.\d+)/)[1];
break;
case /opera(?:\/| )(\d+(?:\.\d+)?)(.+?(version\/(\d+(?:\.\d+)?)))?/i.test(ua) :
result = 'Opera ' + ua.match(/version\/(\d+\.\d+)/)[1]
break;
}
return result;
}
按F12打开谷歌浏览器的调试工具,在调试工具里写JavaScript代码。如:
html
head
title小测试/title
script language="javascript"
var number1 = 0;
var number2 = 0;
var n = 0;
var total = 0;
function getQuestion()
{
//补充代码
number1 = parseInt( Math.random() * 10);
number2 = parseInt(Math.random() * 10);
var n1 = document.getElementsByName("n1");
n1(0).value = number1;
var n2 = document.getElementsByName("n2");
n2(0).value = number2;
var n3 = document.getElementsByName("tresult");
n3(0).value = "";
}
function judge()
{
//补充代码
var n3 = document.getElementsByName("tresult");
var number3 = n3(0).value;
total ++;
if (number3 == number1 + number2)
{
n++;
alert("回答正确,正确率是:" + Math.round( parseFloat(n * 100 / total)) + "%");
}
else
{
alert("回答错误,正确答案是:" + (number1 + number2) );
}
getQuestion();
return false;
}
/script
/head
body onload="getQuestion()"
form name="myForm" method="post" action=""
input type="text" name="n1" disabled="disabled" !--禁用输入元素--
+input type="text" name="n2" disabled="disabled" =
input type="text" name="tresult" id="result"
input type="submit" name="Submit" value="确定" onclick="return judge()"
/form
/body
/html
varmyReg = /^[a-zA-Z0-9_]{0,}$/;
if(!myReg.test(input.val())) {
$.validation.tip(false, input, "用户名不能含有中文或特殊字符");
return;
}
js通过正则表达式限制input输入框只能输入英文字母和数字,不能输入中文。
input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"
文本框中仅允许输入英文字母,小数点,数字,禁止输入中文字符以及其他特殊字符!
input type="text" name="username" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" /
输入大于0的正整数
input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
PS:这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:
JavaScript正则表达式在线测试工具:
正则表达式在线生成工具:
var temp = 'abcdefg Fw:123456 Fw:789.1011';
temp =temp.indexOf(‘.’); //匹配某个字符位置
alert(temp);��var temp = 'dsd-5555'
temp =temp.replace('-',''); //匹配某个字符必替换
alert(temp);