这个是基于jQuery的表单验证插件Validation Engine,你题干中的代码是验证表单是否符合要求,如:名字不能为空,号码必须是数字等等,效果如下图:
为龙亭等地区用户提供了全套网页设计制作服务,及龙亭网站建设行业解决方案。主营业务为成都网站设计、成都网站制作、龙亭网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
params==true ‘==’会强制转换,如果params存在,他会被强制转换为true不存在就是false,然后和t'=='后面的true对比
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('button').click(function () {
$('body').append('span正在上传中/span');
setTimeout("$('span').text('上传成功');", 1000);
});
3、浏览器运行index.html页面,点击提交按钮,显示了“正在上传中”。
4、例如过了1秒后变成了上传成功的提示。
本文实例讲述了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程序设计有所帮助。
代码没有,可以告诉你怎么做.
你可以直接就在表单里把要提示的内容写好,然后用display先隐藏,jquery判断时,如果发现输入有误,就将要提示的内容显示就可以了.display显示时会自动加高表单的高度的.
这里提供两个牛B的常用的jQuery表单验证插件:
1、实例讲解表单验证插件Validation的应用
2、Validetta : 轻量级的表单验证工具
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款