javascript实现文本框标签验证
程序员文章站
2022-06-18 23:47:02
< !DOCTYPE html > Document < /title></head > <style type = "text/css" > body { backgrou ......</div>
<div class="content">
<p>< !doctype html > <html lang = "en" > <head > <meta charset = "utf-8" > <title > document < /title><br></head > <style type = "text/css" > body {<br> background: #ccc;<br>}<br>label {<br> width: 100px;<br> display: inline - block;<br>}<br>span {<br> color: red;<br>}.container {<br> margin: 100px auto;<br> width: 400px;<br> padding: 50px;<br> line - height: 40px;<br>}<br>span {<br> margin - left: 30px;<br> font - size: 12px;<br>} < /style><br><body><br><div class="container"><br> <label>姓名不能为空</label > <input type = "text"id = "inp1" > <span > </span><br/ > <label > phone不能为空 < /label><input type="text" id="inp2"><span></span > <br / ></div><br><script><br> / / 失去焦点后判断用户输入是否为空<br>var inp1 = document.getelementbyid("inp1");<br>inp1.onblur = function() {<br> if (trim(this.value) === "") {<br> alert("输入不能为空");<br> } else {<br> alert("输入正确");<br> }<br>};</p>
<p>function trim(str) {<br> return str.replace(/^\s+|\s+$/g, "");<br>}</p>
<p>var inp2 = document.getelementbyid("inp2");<br>inp2.onblur = function(e) {<br> if (inp2.value == "4444") {<br> alert("正确");<br> e.stoppropagation();<br> } else {<br> alert("错误")<br> }<br>}; < /script><br></body > </html>/</p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/1448872.html">
Oracle查询当前的crs/has自启动状态实例教程 </a>
</p>
<p>
下一篇： <a href="/article/1448874.html">
浅析Docker镜像分层的注意事项 </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2070745.html" target="_blank" title="jQuery实现点击文本框弹出热门标签的提示效果">
<h2>
jQuery实现点击文本框弹出热门标签的提示效果 </h2>
</a>
</li>
<li>
<a href="/article/2069553.html" target="_blank" title="JavaScript实现正则去除a标签并保留内容的方法【测试可用】">
<h2>
JavaScript实现正则去除a标签并保留内容的方法【测试可用】 </h2>
</a>
</li>
<li>
<a href="/article/2039751.html" target="_blank" title="基于javascript实现数字英文验证码">
<h2>
基于javascript实现数字英文验证码 </h2>
</a>
</li>
<li>
<a href="/article/2039499.html" target="_blank" title="mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆">
<h2>
mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆 </h2>
</a>
</li>
<li>
<a href="/article/2026344.html" target="_blank" title="JavaScript开发文本框水印提示效果的简单实现代码">
<h2>
JavaScript开发文本框水印提示效果的简单实现代码 </h2>
</a>
</li>
<li>
<a href="/article/2011631.html" target="_blank" title="JavaScript Canvas实现验证码">
<h2>
JavaScript Canvas实现验证码 </h2>
</a>
</li>
<li>
<a href="/article/1986701.html" target="_blank" title="javascript实现文本框标签验证的实例代码">
<h2>
javascript实现文本框标签验证的实例代码 </h2>
</a>
</li>
<li>
<a href="/article/1986494.html" target="_blank" title="基于JavaScript实现验证码功能">
<h2>
基于JavaScript实现验证码功能 </h2>
</a>
</li>
<li>
<a href="/article/1983772.html" target="_blank" title="JavaScript实现的文本框placeholder提示文字功能示例">
<h2>
JavaScript实现的文本框placeholder提示文字功能示例 </h2>
</a>
</li>
<li>
<a href="/article/1970251.html" target="_blank" title="JavaScript实现带自动提示的文本框效果代码">
<h2>
JavaScript实现带自动提示的文本框效果代码 </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>