切换导航
首页
技术问答
编程语言
前端开发
移动开发
开发工具
程序设计
行业应用
CMS系统
服务器
频道导航
▸ PHP
▸ Java
▸ Java SE
▸ Python
▸ C#
▸ C&C++
▸ Ruby
▸ VB
▸ asp.Net
▸ Go
▸ Perl
▸ netty
▸ Django
▸ Delphi
▸ Jsp
▸ .NET Core
▸ Spring
▸ Flask
▸ Springboot
▸ SpringMVC
▸ Lua
▸ Laravel
▸ Mybatis
▸ Asp
▸ Groovy
▸ ThinkPHP
▸ Yii
▸ swoole
▸ HTML
▸ HTML5
▸ JavaScript
▸ CSS
▸ jQuery
▸ Bootstrap
▸ Angularjs
▸ TypeScript
▸ Vue
▸ Dojo
▸ Json
▸ Electron
▸ Node.js
▸ extjs
▸ Express
▸ XML
▸ ES6
▸ Ajax
▸ Flash
▸ Unity
▸ React
▸ Flex
▸ Ant Design
▸ Web前端
▸ 微信小程序
▸ 微信公众号
▸ iOS
▸ Android
▸ Swift
▸ Hybrid
▸ Cocos2d-x
▸ Flutter
▸ Xcode
▸ Silverlight
▸ cocoa
▸ Cordova
前端之家
JavaScript
轻松搞定js表单验证
轻松搞定js表单验证
2019-01-06
JavaScript
前端之家
前端之家
收集整理的这篇文章主要介绍了
轻松搞定js表单验证
,
前端之家
小编觉得挺不错的,现在分享给大家,也给大家做个参考。
先看看
效果
图:
html:
引入
<html xmlns="
http://www.w3.org/1999/xhtml">
;
<head runat="server">
长度区间:
必填
Box ID="txtPwd" runat="server" class="
required
"/>
正整数
502_34@
小数
手机
Box ID="txtMobile" runat="server" class="
required
mobile">
电话
Box ID="Text
Box
2" runat="server" class="tel">
单选
dioButtonList ID="rbtnlCode" runat="server" class="rbtn
required
" RepeatLayout="Flow" RepeatDirection="Horizontal">
502_46@
502_46@
502_46@
多选
BoxList ID="chklCode" runat="server" class="chk
required
length_2_4" RepeatLayout="Flow" RepeatDirection="Horizontal">
502_46@
502_46@
502_46@
502_46@
502_46@
最少选择2项但不超过4项
多选111
BoxList ID="Check
Box
List1" runat="server" class="chk length_2_0" RepeatLayout="Flow" RepeatDirection="Horizontal">
502_46@
502_46@
502_46@
502_46@
502_46@
至少选择2项
下拉
required">
502_46@
502_46@
502_46@