ASP.NETmvc常用jquery手机【jquery.validate.js】

简介: 离开WEBFORM 也就离开了大量的前端困境,刚一开始用MVC,真感觉好像在沙漠中行走,很想念以前的控件,都快想死了,很快发现原来JQUERY 有很多插件可以用,只怪自己平时不收集,用的时候才手忙脚乱 jquery.

  离开WEBFORM 也就离开了大量的前端困境,刚一开始用MVC,真感觉好像在沙漠中行走,很想念以前的控件,都快想死了,很快发现原来JQUERY 有很多插件可以用,只怪自己平时不收集,用的时候才手忙脚乱

jquery.validate.js 主要用来做验证,感觉和.net里面的验证控件差不多,功能有很多,不过常用的还是那个非空和电子邮件格式

html部分

<span id="Tip"></span>
          <fieldset>

            <legend>一个简单的带有提示的评论例子</legend>

            <p>
              用来显示错误提示信息的标签
              <label for='cusername'>姓名</label>
              <em>*</em>

              <input id='cusername' name='username' size='25' />

            </p>

            <p>

              <label for='cemail'>电子邮件</label>
              <em>*</em>

              <input id='cemail' name='email' size='25' />

            </p>

            <p>

              <label for='curl'>网址</label>
              <em>*</em>

              <input id='curl' name='url' size='25' value=''/>

            </p>

            <p>

              <label for='ccomment'>你的评论</label>
              <em>*</em>

              <textarea id='ccomment' name='comment' cols='25'></textarea>

            </p>

            <p>

          

              </p>
            <input type="submit" value="提交评论" />
          </fieldset>

JS部分

$(document).ready(function () {
            //表单的ID
            $('#form1').validate({
               //验证规则
                rules: {
                   //需要验证的ID,为必填,最短长度为3
                    username: {

                        required: true,

                        minlength: 3

                    },

                    email: {

                        required: true,

                        email: true

                    },

                    url: "url",

                    comment: "required"

                }

            })

        });
      
    
test
相关文章
|
11月前
|
前端开发 搜索推荐 JavaScript
如何通过DIY.JS快速构建出一个DIY手机壳、T恤的应用?
DIY.JS 是一款基于原生 Canvas 的业务级图形库,专注于商品定制的图形交互功能,帮助开发者轻松实现个性化设计。适用于 T 恤、手机壳等多种商品场景。它自带丰富功能,无需从零构建,快速集成到项目中。通过创建舞台、添加模型、定义 DIY 区域和添加素材四个步骤即可完成基础用法。支持在线演示体验,文档详细,易上手。
520 57
|
JavaScript
鼠标事件(点击换色)分别使用js和jQuery代码实现
鼠标事件(点击换色)分别使用js和jQuery代码实现
145 1
|
12月前
|
JSON JavaScript 数据格式
jqtimeline.js-简单又好用的jquery时间轴插件
jqtimeline.js-简单又好用的jquery时间轴插件
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
446 14
|
JavaScript 前端开发 异构计算
兼容移动手机的js拖拽插件Draggin.js
兼容移动手机的js拖拽插件Draggin.js
388 1
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
226 5
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
701 2
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
197 0
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
202 2
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
126 1