<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="" class="form-container">
<div id="email" class="form-item">
<input type="text" placeholder="请输入邮箱" name="" id="">
<p class="msg"></p>
</div>
<div id="stock" class="form-item">
<input type="text" placeholder="请输入库存" name="" id="">
<p class="msg"></p>
</div>
<div id="price" class="form-item">
<input type="text" placeholder="请输入单价" name="" id="">
<p class="msg"></p>
</div>
<div class="form-item">
<button>提交</button>
</div>
</form>
<div class="san">
所有的人都只关心你飞得高不高，唯有我关心你飞得累不累。高一你是夜深沉，高二你是黎明前的黑暗——初现曙光。高三你是开门红，一路凯歌。
不理解你的人，以为你真的是一路平川，顺风顺水，只有我知道，你也是一波三折的。马克思说：世界上哪有平坦的大道，只有不畏险峰，勇于攀登的人才能到达顶峰。没有风雨怎么能见彩虹，没有人能轻轻松松的成功。孙中山、、、苏轼，还有你喜欢的周杰伦，魏成等都是历经坎坷，最终才获得成功。
闲话少讲，言归正传，今天我和你要谈的是心态问题。上周你告诉我晚上睡眠很差，学习时效率低下，总担心你不够好，在月底的六校联考班级会出现黑马，会超过你。你能说出你的困难就解决了一半。你目前的信念是：只要没浪费高三剩余的170天的时光，也不要在那儿独自空叹息，能不能上大学都是次要的，那么你就进入了一种比较高的境界。
失败有原因，成功一定有方法。在说明这个问题之前，首先给你讲个故事。从前有座山，山里有一个庙，庙里有两个和尚：小和尚和老和尚。老和尚武功很高，小和尚很渴望学会。小和尚问老和尚，学会你的武功需要多少年?老和尚答到：需要10年。小和尚又问，那我废寝忘食，日夜苦练，需要多少年?老和尚答道：需要20年。小和尚很迷惑，我昼夜苦练，怎么时间反而更长?老和尚答道：万事万物都有规律，你违背规律当然要受到惩罚。欲速则不达!
高考是你的成人礼，只有经过高考的人生才是完整的人生。高考不仅检验你的文化知识水平，更是对你心理素质的综合检验。有很多人理想远大，好学上进，勤奋刻苦，但面对大事时，心理素质太差，两腿颤颤，双手发抖，整天患得患失，吃不进，睡不香，不能专心学习，精力无法集中，学习效率低下，成绩不进反退，严重者导致疾病退学，多年的付出和追求毁于一旦。我面对中考曾过分害怕逃学一周，你大姑面对高考也曾想退学弃考，在家呆了一个多月后重返校园匆匆上考场。一部分退学弃考的原因不是我们的学习不优秀，恰好相反，是平时成绩很优秀，但害怕失败，得了恐考症。最后我们都又回到了学校，参加了考试，顺利通过了高考和中考，但发挥水平只是平时的70%，那时我们的父母忙于生计，不懂心理学，不可能治疗我们的内心疾病，解答子女成长中的困惑。
孩子，你是我的阳光，使我的生命之叶格外碧绿，生命之花格外鲜艳。面对高考有着说不完的故事。有很多家长放弃工作和事业，来到城里租房陪读，可喜剧很少，悲剧很多。面对高考不紧张是不可能的，适度紧张又有益于学习，过度紧张妨碍学习，面对高考只有一种人不紧张，就是对高考不抱希望的那种人，他们平时在课堂上睡懒觉，在高考考场上还是呼呼大睡。
面对高考，百人百相，有的挑灯夜战，忘记恐惧和害怕，废寝忘食;有的按部就班，不慌不忙，稳扎稳打，沉着应战，;有的人在教室，眼睛看着书籍，却人在教室心在外，对高考过分关注，整天空想，时间花了，却没有什么结果。有的心态很脆弱，面对高考，吃不好，睡不香，学不进，自己折磨着自己，学习没搞好，身体却跨了。心理疾病比身体疾病更厉害，比缺吃少穿还严重。更有甚者选择自杀，去年高考第一天的早晨，离高考第一场考试还有两个小时的时候，随州的一名男考生，从广水15楼上砸破玻璃，毅然跳楼自杀。这些90后的学生真是“勇敢”和“了不起”，衣食不愁，锦衣玉食，安车当步，连死都不怕，为什么独怕高考和挫折。
孩子，你高三太顺，让无数人羡慕，我真希望你失败一次，看看你失败的表情是什么样，没有失败的高三是不精彩的。你学过哲学，我希望你能辩证的看问题，任何事情都有两面性，“福兮祸之所伏兮，祸兮福之所伏兮”，淡然面对成败，永保积极进取状态。
这里再给你讲一个故事。从前有个老婆婆，有两个女儿，大女儿买伞，小女儿买布鞋。她整天忧愁，以泪洗面，晴天为大女儿愁，愁没人买伞，阴天为小女儿愁，愁没人买布鞋。日见消瘦和憔悴。后来有人开导她，要她换种想法：晴天为小女儿喜，阴天为大女儿喜。晴天小女儿的布鞋好卖，阴天大女儿的伞好卖。客观事物没变，变的是人的心态和想法。
观念一变，奇迹出现。面对高考，我们要心静如水，淡定从容。平常心赛黄金，一个好心态胜过100种好方法。毛主席说要在战争中学会战争，我则说，要在学习中学会学习，在考试中学会考试。毛主席还说：在战略上要藐视敌人，在战术要要重视敌人。我则说：在战略上我们要藐视高考，但在每天学习上我们要重视高考。毛主席还说：一切帝国主义都是老虎。我则说，一切困难(数学和地理)和高考都是纸老虎。高考我们无法改变，但我们可以改变我们的心态。在备战高考的日子里，我希望你每天都有一个好心情，让每一天都开出一朵灿烂的花，不虚度每一天，每一节课。只要你能做到这些，到那时你可能想不成功都很难。高中不苦，高中好甜!高三是你成长最快的时期，是由量变到质变的时期。抓住量变，促进质变。
你可能说：爸爸，我们都是凡人，不可能那么伟大。但“人才魔术师”蔡笑晚说：三十三里天外天，白云外边有神仙，神仙本是凡人做，只怕凡人心不坚!
高考励志文章：【高三，走出自己的“绝境”】
有的高三学生感慨，自己苦读寒窗数十年，没想到到了高三却感觉什么都不能称心如意了，总是感觉自己的学习和自己的思维陷入了一种“绝境”，在这种“绝境”的误导下，自己丧失了进取的动力，厌倦了日复一日的学习……高三，要学会正确的认识“绝境”并要走出自己的“绝境”!
所谓绝境，就是“没有明显出路的困境;进退维谷的境地”(百度百科)。绝境所带来的，应该有绝望和机遇之分，古往今来，若干人身陷绝境而激发潜力，成就历史进程的丰功伟绩。也有很多的人，陷入绝境而绝望，碌碌无为草莽一生!高三亦是如此，进入高三，我们会面临各种各样的问题，现实的、心理的……我们不仅仅是一部学习的机器，更让我们收获的是高三这一过程对心智的砺炼：见识很多自己没见过的绝境，然后积极的来面对并战胜他们!
绝境不是绝望
俗话说：天有不测风云，人有旦夕祸福。人的一生还不知道要面临什么样的绝境，关键的是人要有一种怎样的心态。对于正处于所谓的高三“绝境”的同学来说，不要盲目的夸大了“绝境”的威力。“没有明显出路的困境”即绝境，说得很明白，“没有明显的出路”，也就是不是没有出路，只是不明显而已!只要努力的去探寻，总能找到出路的。所以，绝境不是绝望，关键在于自己怎么去想，怎么去做!
其实往年的高三学生，也都会不同程度的面临自己的“绝境”，但每年的高三过去，我们看到多少因绝境败下阵来的高三学生!没有，我们看到的都是他们在绝境中不绝望的奋战的身影!我们看到的是一张张历经磨砺后灿烂的青春笑脸!
绝境逢生几要素：
正确认识自己所处的境地。不妨在自己身处绝境的时候把那些惶恐的时间拿来认真的考虑一下，自己到底出于什么样的绝境。一位同学陷入了老是担心自己不好好学习对不起爹娘的境地，一旦对时间有所浪费，就会产生深深的自责，然后无法控制，被这种自责的情绪左右自己学习的投入状态……其实静下心来想想，没有谁能把时间的都不浪费的，对爹娘的回报就在今天努力学好知识，自责带不来时间的回流，却让我们失去更多!
正确认识自己所处的境地，才相当于对自己有了更清醒的认识。
对自己要狠一点。有的同学认识的头头是道，但对自己却十分“宽容”，明知道某些困境只要自己多一些自我管理就能做好，但当事情来临时却选择了逃避，还会为自己想好一些自己都感到好笑的理由。对自己狠一些，身处绝境的痛苦才能不会再次光临!
有一位同学失眠了，变得十分的急躁，情绪一落千丈，认为自己没救了，陷入绝境了。我和他交流后提出了建议：对自己狠一点，战胜自己!晚上睡不着就干脆不睡了，打开手电筒看点什么知识，中午的午休也不用睡了……一周过去，他做到了，不仅眼睛不再发红，还蛮有精神的。我的建议是一方面，更重要的是他自己能够坚持去做，对自己够狠!
阳光心态，要看到未来的美好。高三带给我们的收获，不仅仅是考一所怎样的大学，更重要的是能培养我们坚韧、阳光的心态。每年高考结束再碰到那些曾经高三的学生，都闪耀着一种理性的光辉，其实就是高三过程中成就的阳光心态的作用。我们对某一科不够擅长，甚至“偏科”严重，在做这样的题目的时候倍受煎熬，然后厌倦、逃避，然后更不会……长此以往那何妨不用阳光的心态带给自己积极的一面呢?就把这科看成最差，以后只能好了!OK，至少从现在开始，这门课程只能越来越好了!慢慢的，你会爱上这门曾经让你陷入“绝境”的课程，甚至还会发掘出让你吃惊的潜力!
付出行动。等我们走过一处“绝境”回首反思的时候，我们也会为自己所浪费的时间感到可惜。其实在走出绝境的方法里面的一个就是行动，因为要付出行动，我们就不得不把自己的绝大部分精力放在这里。这样，自己就不会在产生无谓的担忧，更不会盲目的放大自己的“绝境”。有一位同学生活困难却没能评上贫困生，就陷入了自己想象的困境：完不成学业，考不上大学……这一辈子完了!如果他一直这样就真的没戏了，后来他调整了自己的想法，让自己通过自己的坚强来克服困难!但学习是绝对不能耽误的，他用更努力的行动证明了自己的志气。果然事情没有这么糟，很快学校下来第二批补助名单，有他。试想，如果此间他只是担心，没学习的话，即使后来有补助，耽误的学习要用多少时间才能补回来呢?
高三，走出自己的绝境!昂首处，阳光灿烂!
高考励志文章：【从哪儿跌倒就从哪儿爬起来】
</div>
<script src="./10.正则表达式.js"></script>
</body>
</html>
/*
Regex = 正则
/a = 要验证的a
i = 不区分大小写
g = 包含全部
*/
function validateHelper(id, callback) {
var div = document.getElementById(id);
var inp = div.querySelector('input');
var msg = div.querySelector('.msg');
var value = inp.value.trim();
var err = callback(value)//错误信息
msg.innerText = err;//设置错误信息到p元素
//判断是否有错误
div.className = err ? 'form-item err' : 'form-item';
return !err;
}
//函数防抖
function wsx(fn, fi) {
var trimid;
return function () {
clearTimeout(trimid)
//调用外面的this = input
var curthis = this;
//获取所有函数的参数
var sli = Array.prototype.slice.call(arguments)
trimid = setTimeout(function () {
//让fn指向这个this
fn.call(curthis, sli)
}, fi)
}
}
//验证邮箱
var a = wsx(function(){
return validateHelper('email', function (value) {
if (!value) {
return '请输入邮箱'
}
console.log(value)
var mailReg = /^\d{10}@qq\.com$/;
if (!mailReg.test(value)) {
return '邮箱格式错误'
}
if (mailReg.test(value)) {
return '成功'
}
})
},2000);
//验证单价
var b = wsx(function(){
return validateHelper('stock',function(value){
if(!value){
return '请输入单价'
}
var mailReg = /^[1-9]*\d*$/
if(!mailReg.test(value)){
return '单价输入有误'
}
if(mailReg){
return '单价输入正确'
}
})
},1000)
//验证价格
var c = wsx(function(){
return validateHelper('price',function(value){
if(!value){
return '请输入单价'
}8
var mailReg = /^([1-9]*\d*|0)\.\d{2}$/
if(!mailReg.test(value)){
return '价格输入有误'
}
if(mailReg){
return '价格输入正确'
}
})
},1000)
// addEventListener('input', a)
// addEventListener('input', b)
// addEventListener('input', c)
//果然replace
var div = document.querySelector('.san');
var test = div.innerHTML;
var m = /\s+.+/g;
var b = test.replace(m,function(s){
s = s.replace(/\s/g,' ');
s = `<p>`+ s + `</p>`;
console.log(s)
return s;
})
div.innerHTML = b
