Verify.js所提供的验证方法,都是基于前端技术,针对一些需要与服务器端交互的验证,例如验证码、短信验证、登录验证等,需要接合Ajax的方式异步与服务器端交互,返回判断结果。
根据判断结果,指定具体的某个控件校验证失败,并显示提示。
相较于之前的验证方式(只用增加控件属性即可实现验证),Ajax的代码编写略显复杂,如果熟悉Javascrpt代码编写,其实也很简单。
如下代码,是在指定的控件上显示错误提示信息。
Verify.ShowBox($("form input[name=tbPhone]"), "该手机号未在系统中注册!");
注意,下述代码中没有form标签,不再通过form的提交事件进行验证,而是手工编写Javascript代码对任一一个控件进行单独验证。
绿色的按钮只是一个普通的Div标签,只是样式像个按钮。
当点击按钮时,可以实现对form表单内的控件进行分组验证,全部通过则返回true,否则返回false。该过程不会触发form的submit事件。
form在此处可以仅仅作为一个容器。