jQuery插件form-validation-engine正则表达式操作示例

本文实例讲述了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程序设计有所帮助。

javascript检测浏览器版本

以下函数可以检测浏览器版本，支持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;

}

怎么用javascript做在线测试题，要填空

按F12打开谷歌浏览器的调试工具，在调试工具里写JavaScript代码。如：

补充JS代码，编写一个10以内的加法在线测试联系，要求如下

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

js 正则验证不能含有中文与特殊字符

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);

分享名称：关于javascript在线测试的信息
标题路径：http://kswjz.com/article/phegcd.html