zoukankan      html  css  js  c++  java
  • JSValidation客户端验证框架

    下载

    引入文件

    <script src="/Example4/js/validation-framework.js"></script>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script src="/Example4/js/validation-framework.js"></script>
    </head>
    <body>
    <form method="post" action="/Example4/f" id="form1" onsubmit="return doValidate(this)">
    用户名:<input type="text" name="userName" id="userName" /><span id="nameSpan"></span><br><br>
    密码:<input type="password" name="password" id="password" /><span id="passSpan"></span><br><br>
    <input type="submit" value="登录" /><input type="reset" value="重置" />
    <div id="error" style="color:red;font-weight:bold"></div>
    </form>
    
    </body>
    </html>
    

      改写validation-config.xml

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE validation-config SYSTEM "validation-config.dtd">
    <validation-config lang="auto">
    	<form id="form1" show-error="error" show-type="all">
    		<field name="userName" display-name="用户名" onfail="">
    			<depend name="required" />
    			<depend name="commonChar" />
    		</field>
    		<field name="password" display-name="密码">
    			<depend name="required" />
    			<depend name="commonChar" />
    		</field>
    
    	</form>
    </validation-config>
    

      服务器运行

    出现的乱码问题,用Editplus保存为UTF-8

    再次运行:

    form元素属性

    id:映射网页表单id

    show-error:默认alert弹窗,可用div显示错误,参数值就是该div的id值

    show-type:all全部错误

    field

    name:表单域的名称

    display-name:表单域显示名称

    onfail:尚未实现的功能

    depend标记

    required必须的,代表不能为空

    Integer允许为空 || 是整数

    Double允许为空 || 是double型

    commonChar普通英文字符、数字和下画线

    ...其他查文档

  • 相关阅读:
    选项菜单-OptionMenu
    Android Studio教程
    android 使用layer-list
    JavaScript OOP 学习总结
    Android应用中网络请求库Volley的使用
    Android应用中网络请求库Volley的介绍
    Android UI: LinearLayout中layout_weight 属性的使用规则
    Robot Framework 培训
    Begin :SWIFT 基本语法
    树莓派raspberrypi系统安装docker以及编译nginx和php镜像
  • 原文地址:https://www.cnblogs.com/void-m/p/6137021.html
Copyright © 2011-2022 走看看