formvalidator验证functionvalidate验证表单

js框架之formvalidator验证框架表单验证使用functionvalidate验证表单

操作方法

  • 01

    引入functionvalidate 响应的js

  • 02

    在html表单当中加入《input id=bindPhone type="text">验证的控件

  • 03

    $("#bindPhone").formValidator({validatorGroup:"test",onShow:"",onFocus:"内容为空:请输入您注册时绑定的安全手机",onCorrect:"谢谢你的合作"}).inputValidator({min:11,max:11,onError:"格式错误:手机号码格式不正确,请重新输入"}).regexValidator({regExp:"mobile",dataType:"enum",onError:"格式错误:手机号码格式不正确,请重新输入"}).functionValidator({ fun:function(val,elem){ var userAccount = $("#userAccount").val(); if(userAccount !=""){ var str; $.ajax({     type:"GET", async : false, url:"check_appeal_userphone.php?t="+Math.random(), data:{ userAccount:userAccount, userPhone :val }, dataType:'text',//服务器返回的数据类型 可选XML ,Json jsonp script html text等 success:function(data){ if(data == "error"){ str= "33333333"; }else if(data == "success"){ str= true; }else{ str= "7576"; } }, error:function(){ alert("cuowu11-"); } }); return str; } } });

(0)

相关推荐

  • 9个新人容易中枪的表单设计问题

    在网站中,表单是用户跟我们沟通的主要桥梁.透过表单,用户可以买东西.订阅新文章.更新资料--可以说网站最重要的功能,都是靠表单来完成.然而这个跟顾客打交道的重要环节,我们真的有做好了吗?以下分享的是一 ...

  • 优秀表单设计应遵循的原则

    小编:表单是网站的重要组成部分.表单的目标是引导用户沿着一条路径,提高用户填写表单的效率,防止他们出错或中途流失,提升愉悦度及转化率.最好的表单用最少的文本来引导用户. 设计师常犯的错误,以及正确做法 ...

  • 表单设计:一页只做一件事

    小编:形形色色的表单我们几乎每天都会接触,如何让用户顺利的完成表单填写.提交是我们应该想的事.一起去看看表单最高的工作效率:一页只做一件事. 2008年的时候,我在*Boots.com*工作.他们想做 ...

  • 【DDC译文】创建用户友好型表单

    表单对于企业和个人同样至关重要,当涉及到数据收集时,我们大多数情况下会采用表单(或许是因为在互联网繁荣之前我们就已经在线下使用了很久的表单).因此建立一个用户友好的表单是增加填写完成率的关键. 表单解 ...

  • 掌握8个要点,设计友好的表单!

    表单对于产品来讲非常重要,它可以有效快捷地收集我们需要的用户信息. 因此,设计一个对用户十分友好的表单能够使表单的填写完成率得到立竿见影的提升. 表单结构 虽然表单类型多样,有不同目的的.收集不同内容 ...

  • 干货!移动端表单最佳实践

    作为UI设计师,不可避免的要进行表单设计,但是你知道在设计的过程中需要遵循哪些原则,以及需要避免哪些事项才能更好的提升用户体验吗?以下分享的10条黄金法则,分分钟提升你的Mobile表单体验,一起来学 ...

  • 如何设计表单的错误信息

    本文中,我们会讨论如何通过优化错误提示信息,来优化UI表单的设计. 在UI界面的设计中,用户的操作失误不可避免,通过错误提示将当前状态传达给用户,这种反馈机制可以帮助用户及时作出调整并找到合理的解决方 ...

  • UX设计秘诀之注册表单设计,细节决定成败

    说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非用户所需.他们需要的仅仅只是能够尽快买票.聊天等服务而已.如此,注册表单的填写,似乎就成为他们不 ...

  • HTML5 表单使用方法介绍:[3]表单属性

    HTML5 表单属性使用方法介绍 操作方法 01 form 属性: autocomplete novalidate 02 input 属性: autocomplete autofocus form f ...