LiveValidation验证

程序员文章站 2022-05-26 10:15:50

...

1、http://livevalidation.com/download下载livevalidation_standalone.js

2、目录结构：
       WebRoot
          javascript
              livevalidation_standalone.js
              registerform_validation.js

          styles
              validation.css
          user
              regist.jsp

3、jsp页面

<html>
       <head>
              <link href="styles/validation.css" rel="stylesheet" type="text/css" />
              <script type="text/javascript"                     src="javascript/livevalidation_standalone.js"></script>

       </head> 

       <body>
              <s:form action="register">
                     <table>
                            <tr>
                                   <td width="32%">
                                          User Name
                                          <font color="#FF0000">*</font>
                                   </td>
                                   <td>
                                          <s:textfield name="user.username" id="username" />
                                   </td>
                            </tr>
                            <tr>
                                   <td>
                                          Password
                                          <font color="#FF0000">*</font>
                                   </td>
                                   <td>
                                          <s:password name="user.password" id="password" />
                                   </td>
                            </tr>
                            <tr>
                                   <td>
                                          Confirm Password
                                          <font color="#FF0000">*</font>
                                   </td>
                                   <td>
                                          <s:password name="user.confirmpassword" id="repassword" />
                                   </td>
                            </tr>
                            <tr>
                                   <td>
                                          Telephone
                                   </td>
                                   <td>
                                          <s:textfield name="user.phone" id="phone" />
                                   </td>
                            </tr>
                            <tr>
                                   <td>
                                          Email
                                   </td>
                                   <td>
                                          <s:textfield name="user.email" id="email" />
                                   </td>
                            </tr>
                            <tr>
                                   <td>
                                          Address
                                   </td>
                                   <td>
                                          <s:textfield name="user.address" id="address" />
                                   </td>
                            </tr>
                            <tr>
                                   <td>
                                          Post Code
                                   </td>
                                   <td>
                                          <s:textfield name="user.postcode" id="postcode" />
                                   </td>
                            </tr>
                            <tr>
                                   <td align="center" colspan="2">
                                          <s:submit value="Submit" />
                                          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                          <s:reset value=" Reset " />
                                   </td>
                            </tr>
                     </table>
              </s:form> 

              <script type="text/javascript" src="javascript/registerform_validation.js"></script>
       </body>
</html>

4、validation.css内容

.LV_validation_message{
    font-size: x-small;
    font-weight:bold;
    margin:0 0 0 5px;
} 

.LV_valid {
    color:#00CC00;
}    

.LV_invalid {
    color:#CC0000;
}    

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}   

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

4、registerform_validation.js内容

var username = new LiveValidation('username');
username.add(Validate.Presence);

var password = new LiveValidation('password');
password.add(Validate.Presence);

var repassword = new LiveValidation('repassword');
repassword.add(Validate.Presence);
repassword.add(Validate.Confirmation, {match: 'password'}); 

var email = new LiveValidation('email');
email.add(Validate.Email);

LiveValidation验证

Python Selenium Cookie 绕过验证码实现登录示例代码

JS验证字符串功能

MVC使用极验验证制作登录验证码学习笔记7

MVC使用Controller代替Filter完成登录验证（Session校验）学习笔记5

验证本机的excel版本的C#代码

JavaScript表单验证实现代码

jQuery表单验证之密码确认

capcha 网站验证码的趋势发展

JSP + Servlet实现生成登录验证码示例

利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式