您的位置:365bet体育备用网址器 > 应用 > 复制代码 代码如下

复制代码 代码如下

2019-09-18 15:17

var list = [{id:1, name:"czone", age:21}, {id:2, name:'czonechan', age:21}];
var template ='<div id="p$id"><span class="name">$name</span><span class="age">$age</span></div>';

复制代码 代码如下:

福寿康宁二个通用方法,使用初阶化数据来装配模版。

<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$(":input.required").each(function(){
var $required = $("<strong>*</strong>");
$(this).parent().append($required);
});
$(":input.required").blur(function(){
//决断一下鼠标离开何人了
if($(this).is("#username")){
$(".formtip").remove();
//依据客商名的条条框框去印证
if(this.value==""||this.value.length<6){
var errMsg = "<span class='formtip'>客商名至少是6个字母</span>";
$(this).parent().append(errMsg);
}else{
var msg = "<span class='formtip'>顾客名能够运用</span>";
$(this).parent().append(msg);
}
}
//推断一下只借使email的话,应该依照email的平整去验证
if($(this).is("#email")){
$(".emailtip").remove();
//依据email的法规去验证
var reg = /^w{1,}@w .w $/;
var $email = $("#email").val();
if(!reg.test($email)){
var errMsg = "<span class='emailtip'>邮箱违法</span>";
$(this).parent().append(errMsg);
}else{
var Msg = "<span class='emailtip'>邮箱能够应用</span>";
$(this).parent().append(Msg);
}
}
});

复制代码 代码如下:

})
</script>
</head>

function displayTemplate(list,template){
var result="";
365bet在线官网,for(var i=0,l=list.length;i<l;i ){
var temp=template;
for(var k in list[i])
{
var reg=new RegExp("\$" k,"g");
temp=temp.replace(reg,function(w){
return list[i][k];
})
}
result =temp;
}
return result;
}

<body>
<form action="#" method="post">
<div class="int">
用户名:<input type="text" name="username" id="username" class="required"/>
</div>
<div class="int">
邮箱:<input type="text" id="email" class="required"/>
</div>
<div class="int">
个人资料:<input type="text" id="personInfo" class="required"/>
</div>
<input type="submit" value="提交" id="send"/><input type="reset" id="res"/>
</form>
</body>
</html>

您只怕感兴趣的文章:

  • javascript 定义开头化数组函数
  • js的onload事件及初阶化开关事件示例代码
  • jquery跟js初阶化加载的有余格局及界别介绍
  • 浅谈js中变量开首化
  • AngularJS开始化静态模板详解
  • javascript 手提式有线电话机号码正则表明式验证函数
  • jquery validate.js表单验证的着力用法入门
  • js验证表单大全
  • js验证是或不是为数字的下结论
  • JS验证URL函数 正则
  • js开始化验证实例详解

您恐怕感兴趣的篇章:

  • jquery validate.js表单验证的主题用法入门
  • 依据Bootstrap jQuery.validate完结Form表单验证
  • jquery表单验证使用插件formValidator
  • Jquery演习之表单验证达成代码
  • jQuery 表单验证插件formValidation达成特性化错误提醒
  • Jquery插件easyUi表单验证提交(示例代码)
  • jquery 落成表单验证功用代码(简洁)
  • 听闻Jquery落成表单验证
  • jQuery 表单验证扩大代码(一)
  • jQuery完结全体验证通过方可提交的表单验证

本文由365bet体育备用网址器发布于应用,转载请注明出处:复制代码 代码如下

关键词: