`
7950735
  • 浏览: 30712 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

web表单验证

阅读更多



 做网站的人都知道,一个form表单里面有很多控件,这些控件有的是必填项,那这必填项需要验证了。现在市面上出现的许许多多表单验证js脚本或者js框架。但这些都不适合我们实际项目中。我现在介绍我自己写的web表单验证,如下:

 

<div class="register">
 <form method="post" action="">
			<div class="rows">
				<label>用户名:</label><input type="text" name="name" id="inp_username" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>昵称:</label><input type="text" name="nickname" id="inp_nickname" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>登录密码:</label><input type="password" name="password" id="inp_password" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>确认密码:</label><input type="password" name="password" id="inp_conpassword" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>Email地址:</label><input type="text" name="email" id="inp_email" class="inp ipt-normal required" maxlength="32"/>
			</div>
			<div class="rows">
				<label>手机号码:</label><input type="text" name="mobile" id="inp_mobile" class="inp ipt-normal required" maxlength="11"/>
			</div>
			<div class="rows">
				<label>年龄:</label><input type="text" name="sex" id="inp_sex" class="inp ipt-normal required" maxlength="2"/>
			</div>
			<div class="rows">
				<label>身份证号:</label><input type="text" name="IDnumber" id="inp_IDnumber" class="inp ipt-normal required" maxlength="18"/>
			</div>
			<div class="rows">
				<label>验证码:</label><input type="text" name="code" id="inp_code" class="inp ipt-normal required" maxlength="4"/>
			</div>
			
			<div class="rows">
		        <input type="submit" id="check_submit" value="提交" />
		        <input type="reset" id="res" value="取消" />
		    </div>
			</form>
		</div>

     上面的html的form的内容也很简洁会产生如下页面



 

  • 大小: 36.6 KB
分享到:
评论

相关推荐

    一个非常强大完整的web表单验证程序

    标题中的“一个非常强大完整的web表单验证程序”指的是一个专门用于验证Web表单输入数据的软件工具或库。在Web开发中,表单验证是必不可少的,它确保用户提交的信息符合预设的规则,例如电子邮件格式、手机号码格式...

    WEB表单验证控件for vs2008

    本资源提供的是针对VS2008的WEB表单验证控件,这是一组用于增强用户输入验证功能的组件,能够帮助开发者确保用户在Web表单中提交的数据符合预设的规则和格式,从而提高数据的准确性和安全性。 Web表单验证是Web应用...

    WEB表单验证控件一体化验证_net_porch7qi_

    在.NET开发环境中,WEB表单验证是确保用户输入数据有效性和安全性的关键步骤。这个名为"WEB表单验证控件一体化验证_net_porch7qi_"的项目,旨在提供一种高效且方便的方式来集成和管理表单验证。让我们深入探讨其中...

    一个完整的WEB表单验证程序

    【标题】:“一个完整的WEB表单验证程序” 在Web开发中,表单验证是不可或缺的一环,它确保用户提交的数据符合预设的规则,避免无效数据流入后台,从而减轻服务器负担,提高用户体验。一个完整的WEB表单验证程序...

    validate(V1.4)Web表单验证

    【标题】"validate(V1.4)Web表单验证"涉及的是前端开发中关于Web表单数据验证的技术,尤其关注的是一个名为validate的版本V1.4的小型插件。这个插件主要用于确保用户在填写网页表单时输入的数据符合预设的规则,防止...

    web表单验证程序

    非常强大而又完整的web表单验证程序,相信大家下载后不会吃亏的!

    Web表单验证控制项.pptx

    Web表单验证控制项.pptx

    Web表单验证在手术患者评价系统中的应用.pdf

    Web表单验证在手术患者评价系统中的应用.pdf

    简单,熟练和通用的Web表单验证

    "简单,熟练和通用的Web表单验证"这一主题聚焦于提供一种方法,让开发者能够在多种Web表单中实现灵活且易于维护的验证机制。以下是这个主题涉及的一些核心知识点: 1. **HTML表单基础**:HTML是构建Web页面的基础,...

    smvalidator是一个简单易用功能强大的web表单验证javascript库

    sm-validator是一个简单易用,功能强大的web表单验证javascript库。minify文件6KB左右,不依赖任何第三方类库。可自定义验证规则(正则或函数)、验证时机(oninput onchange server)、验证失败/成功的样式。目前支持...

    漂亮的表单验证效果

    在IT领域,表单验证是用户体验中的重要环节,它确保用户输入的数据符合应用程序或网站的预期格式和要求。"漂亮的表单验证效果"这个主题强调了不仅需要验证数据的正确性,还要注重验证过程的视觉反馈,提升用户的交互...

    非常好的WEB表单验证插件

    validation1.5.3 jQuery formValidator表单验证插件 Validator v1.05 JSValidation是强大便利的JavaScript客户端验证框架(XML格式)

    Java Web Jquery表单验证

    Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...

    好用的bootstrapvalidator表单验证

    BootstrapValidator是一款基于Bootstrap框架的强大的表单验证插件,它为开发者提供了丰富的验证规则和便捷的验证机制,使得创建...合理利用其提供的各种功能和API,能帮助你构建出更强大、更友好的Web表单验证系统。

    PHP环境下AJAX表单验证技术研究.pdf

    基于浏览器/服务器(B/S)结构的Web应用系统大多利用表单来处理数据录入,因此Web表单验证是保证录入数据有效性的重要措施之一。Web表单验证的方法通常有以下几种: (1)客户端验证:这种验证是把表单提交到服务器...

    简单且强大的js表单验证框架

    **标题解析:** "简单且强大的js表单验证框架" 这个...通过以上分析,我们可以理解这是一个旨在简化和优化Web表单验证流程的JavaScript框架,它具有中文文档,便于国内开发者使用,并且在功能和易用性上都有优秀表现。

    from表单提交验证框架

    总结来说,"from表单提交验证框架"是基于jQuery和正则表达式的轻量级解决方案,它简化了Web表单验证的过程,让开发者能更专注于业务逻辑,而不是基础的验证逻辑。通过合理的配置和使用,可以大大提高开发效率和用户...

    WEB表单验证控件一体化验证

    WEB表单验证控件一体化验证及实例,Validator目录中的是控件Validator.dll的源码,TestWeb为测试控件进行简单的表单验证实例,效果如截图所示。本表单验证控件Ajax风格,鼠标点击文本框时即为弹出消息提示框,通过...

Global site tag (gtag.js) - Google Analytics