js实现点击输入用户名或密码的文本框在旁边弹出提示语

JavaScript010

js实现点击输入用户名或密码的文本框在旁边弹出提示语,第1张

你可以使用formValidator.js,专门做表单验证的,效果如下:

用法很简单,引用formValidator.js的核心类库,然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true})

然后对要做校验的文本框编写校验代码

$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符", 

     onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({

      min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"})

    $("#employeeName").formValidator({onshow : "输入范围为1到40个字符", 

     onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({

     min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"})

在后面对应的<div id="employeeNoTip"></div>显示提示语

formValidator.js这个网上有很多实例和教程,很简单的

太麻烦,你用js分开判断

先判断有没有空格 给出提示 密码不能有空格

再判断位数 给出提示 密码位数应为6到18位

最后判断 字符[0-n]字母[1-n]

或者 字母[1-n]字符[0-n] 给出提示 密码应至少有一个字母

这样用户错了也知道怎么改,

一个正则配出来,你只能告诉用户密码不合法,用户会很辛苦