jason.yan的gravatar头像
jason.yan 2014-08-12 16:25:39

jquery前端form表单验证插件validform使用入门教程

jquery前端form表单验证插件validform使用入门教程

jquery前端form表单验证插件validform使用入门教程使用例子:

表单

<input type="text" name="loginName" id="loginName" value="${loginName}" ajaxurl="commonAction.do?method=checkAccount" datatype="/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){2,14}$/" errormsg="字母开头,可包括._数字字母3-15位" class="registered_text1"/>

js:

var rForm = $("#registerForm").Validform({

            tiptype:2,
            label:".label",
            showAllError:true
        });

参数根据自己需要可选。

页面效果:

jquery前端form表单验证插件validform使用入门教程

其他功能自己去体会吧,本人感觉超赞。

名字叫 validform

官方验证:

非常好的插件,官方地址:http://validform.rjboy.cn/


最代码官方编辑于2014-8-12 17:08:28


打赏

文件名:Validform_v5.3.2.rar,文件大小:268.28K 下载
  • /
      • /Validform_v5.3.2
          • /Validform_v5.3.2/demo
            • /Validform_v5.3.2/demo/ajax_post.php
              • /Validform_v5.3.2/demo/css
                • /Validform_v5.3.2/demo/css/demo.css
                • /Validform_v5.3.2/demo/css/style.css
                • /Validform_v5.3.2/demo/css/wp-syntax.css
              • /Validform_v5.3.2/demo/images
                • /Validform_v5.3.2/demo/images/arrow1.gif
                • /Validform_v5.3.2/demo/images/arrow2.gif
                • /Validform_v5.3.2/demo/images/error.png
                • /Validform_v5.3.2/demo/images/header-bg.gif
                • /Validform_v5.3.2/demo/images/navbg.gif
                • /Validform_v5.3.2/demo/images/onLoad.gif
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友