| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| <html> |
| |
| |
| |
| |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| <title>CL-FORMS</title> |
|
|
| <meta name="description" content="CL-FORMS"> |
| <meta name="keywords" content="CL-FORMS"> |
| <meta name="resource-type" content="document"> |
| <meta name="distribution" content="global"> |
| <meta name="Generator" content="texi2any"> |
| <link href="#Top" rel="start" title="Top"> |
| <link href="#Index" rel="index" title="Index"> |
| <link href="#SEC_Contents" rel="contents" title="Table of Contents"> |
| <style type="text/css"> |
| <!-- |
| a.summary-letter {text-decoration: none} |
| blockquote.indentedblock {margin-right: 0em} |
| div.display {margin-left: 3.2em} |
| div.example {margin-left: 3.2em} |
| div.lisp {margin-left: 3.2em} |
| kbd {font-style: oblique} |
| pre.display {font-family: inherit} |
| pre.format {font-family: inherit} |
| pre.menu-comment {font-family: serif} |
| pre.menu-preformatted {font-family: serif} |
| span.nolinebreak {white-space: nowrap} |
| span.roman {font-family: initial; font-weight: normal} |
| span.sansserif {font-family: sans-serif; font-weight: normal} |
| ul.no-bullet {list-style: none} |
| --> |
| </style> |
| <link rel="stylesheet" type="text/css" href="texinfo-klare.css"> |
| <link rel="stylesheet" type="text/css" href="lisp-coloring.css"> |
|
|
|
|
| </head> |
|
|
| <body lang="en"> |
| <h1 class="settitle" align="center">CL-FORMS</h1> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| <span id="SEC_Contents"></span> |
| <h2 class="contents-heading">Table of Contents</h2> |
|
|
| <div class="contents"> |
|
|
| <ul class="no-bullet"> |
| <li><a id="toc-Introduction" href="#Intro">1 Introduction</a></li> |
| <li><a id="toc-Installation-1" href="#Installation">2 Installation</a></li> |
| <li><a id="toc-Usage-1" href="#Usage">3 Usage</a> |
| <ul class="no-bullet"> |
| <li><a id="toc-Basics" href="#Basics">3.1 Basics</a></li> |
| <li><a id="toc-Demo" href="#Demo">3.2 Demo</a> |
| <ul class="no-bullet"> |
| <li><a id="toc-Basic-example" href="#Basic-example">3.2.1 Basic example</a></li> |
| <li><a id="toc-Validation" href="#Validation">3.2.2 Validation</a></li> |
| <li><a id="toc-Client-validation" href="#Client-validation">3.2.3 Client validation</a></li> |
| <li><a id="toc-Models" href="#Models">3.2.4 Models</a></li> |
| <li><a id="toc-Composition" href="#Composition">3.2.5 Composition</a></li> |
| <li><a id="toc-Form-templates" href="#Form-templates">3.2.6 Form templates</a></li> |
| <li><a id="toc-Renderers" href="#Renderers">3.2.7 Renderers</a></li> |
| </ul></li> |
| <li><a id="toc-Form-rendering-1" href="#Form-rendering">3.3 Form rendering</a> |
| <ul class="no-bullet"> |
| <li><a id="toc-Form-rendering-functions" href="#Form-rendering-functions">3.3.1 Form rendering functions</a></li> |
| <li><a id="toc-CL_002dWHO-renderer-1" href="#CL_002dWHO-renderer">3.3.2 CL-WHO renderer</a></li> |
| <li><a id="toc-Bootstrap-theme-1" href="#Bootstrap-theme">3.3.3 Bootstrap theme</a></li> |
| <li><a id="toc-Djula-1" href="#Djula">3.3.4 Djula</a></li> |
| </ul></li> |
| </ul></li> |
| <li><a id="toc-API-1" href="#API">4 API</a> |
| <ul class="no-bullet"> |
| <li><a id="toc-CL_002dFORMS-package-1" href="#CL_002dFORMS-package">4.1 CL-FORMS package</a></li> |
| </ul></li> |
| <li><a id="toc-Index-1" href="#Index" rel="index">5 Index</a></li> |
| </ul> |
| </div> |
|
|
|
|
| <span id="Top"></span><div class="header"> |
| <p> |
| Next: <a href="#Intro" accesskey="n" rel="next">Intro</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Top-1"></span><h1 class="top">Top</h1> |
| <span id="index-cl_002dforms"></span> |
|
|
| <table class="menu" border="0" cellspacing="0"> |
| <tr><td align="left" valign="top">• <a href="#Intro" accesskey="1">Intro</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top">• <a href="#Installation" accesskey="2">Installation</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top">• <a href="#Usage" accesskey="3">Usage</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top">• <a href="#API" accesskey="4">API</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top">• <a href="#Index" rel="index" accesskey="5">Index</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| </table> |
|
|
| <hr> |
| <span id="Intro"></span><div class="header"> |
| <p> |
| Next: <a href="#Installation" accesskey="n" rel="next">Installation</a>, Previous: <a href="#Top" accesskey="p" rel="prev">Top</a>, Up: <a href="#Top" accesskey="u" rel="up">Top</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Introduction"></span><h2 class="chapter">1 Introduction</h2> |
| <span id="introduction"></span> |
| <p>CL-FORMS is a web forms handling library for Common Lisp. |
| </p> |
| <p>Although it is potentially framework agnostic, it runs on top of Hunchentoot at the moment. |
| </p> |
| <p>It features: |
| </p> |
| <ul> |
| <li> Several form field types: String, boolean, integer, email, password fields. And more. |
| </li><li> Custom fields. CL-FORMS is extensible and it is possible to define new field types. |
| </li><li> Server and client side validation |
| </li><li> Rendering backends. Forms can be rendered via CL-WHO, or Djula, or something else; the backend is pluggable. The default renderer is CL-WHO. |
| </li><li> Themes (like Bootstrap) |
| </li><li> Control on rendering and layout. |
| </li><li> Handling of form errors. |
| </li><li> CSRF protection |
| </li></ul> |
|
|
| <hr> |
| <span id="Installation"></span><div class="header"> |
| <p> |
| Next: <a href="#Usage" accesskey="n" rel="next">Usage</a>, Previous: <a href="#Intro" accesskey="p" rel="prev">Intro</a>, Up: <a href="#Top" accesskey="u" rel="up">Top</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Installation-1"></span><h2 class="chapter">2 Installation</h2> |
| <span id="installation"></span> |
|
|
| <p>With Quicklisp: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">ql:quickload <span class="string">"cl-forms"</span></span>)</span> |
| </pre></div> |
|
|
| <p>When you want to use a form renderer such as <code>:who</code> or <code>:djula</code>, quickload the associated package: <code>cl-forms.who</code>, <code>cl-forms.who.bootstrap</code>, <code>cl-forms.djula</code>. |
| </p> |
| <hr> |
| <span id="Usage"></span><div class="header"> |
| <p> |
| Next: <a href="#API" accesskey="n" rel="next">API</a>, Previous: <a href="#Installation" accesskey="p" rel="prev">Installation</a>, Up: <a href="#Top" accesskey="u" rel="up">Top</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Usage-1"></span><h2 class="chapter">3 Usage</h2> |
| <span id="usage"></span> |
| <table class="menu" border="0" cellspacing="0"> |
| <tr><td align="left" valign="top">• <a href="#Form-rendering" accesskey="1">Form rendering</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| </table> |
|
|
| <span id="Basics"></span><h3 class="section">3.1 Basics</h3> |
|
|
| <p>Use <a href="#CL_002dFORMS_003aDEFFORM-macro">DEFFORM</a> to define a form. Example: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defform</span></i> fields-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/fields-post"</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:value</span> <span class="string">""</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">ready <span class="keyword">:boolean</span> <span class="keyword">:value</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Create"</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <p>On your web handler, grab the form via <a href="#CL_002dFORMS_003aFIND_002dFORM-function">FIND-FORM</a>, select a renderer with ‘with-form-renderer‘and then render the form with <a href="#CL_002dFORMS_003aRENDER_002dFORM-function">RENDER-FORM</a>: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">form <span class="paren4">(<span class="lisp-bg">forms:find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren3">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span> |
| </span></span> |
| </pre></div> |
|
|
| <p>To handle the form, grab it via <a href="#CL_002dFORMS_003aFIND_002dFORM-function">FIND-FORM</a> and then call <a href="#CL_002dFORMS_003aHANDLE_002dREQUEST-function">HANDLE-REQUEST</a> (you should probably also call <a href="#CL_002dFORMS_003aVALIDATE_002dFORM-function">VALIDATE-FORM</a> after). |
| Then bind form fields via either <a href="#CL_002dFORMS_003aWITH_002dFORM_002dFIELD_002dVALUES-macro">WITH-FORM-FIELD-VALUES</a>, that binds the form field values; or <a href="#CL_002dFORMS_003aWITH_002dFORM_002dFIELDS-macro">WITH-FORM-FIELDS</a> that binds the form fields. |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">form <span class="paren4">(<span class="lisp-bg">forms:find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:handle-request form</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-field-values</span></i> <span class="paren3">(<span class="lisp-bg">name ready sex</span>)</span> form |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren4">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:ul</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren6">(<span class="lisp-bg">who:fmt <span class="string">"Name: ~A"</span> name</span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren6">(<span class="lisp-bg">who:fmt <span class="string">"Ready: ~A"</span> ready</span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren6">(<span class="lisp-bg">who:fmt <span class="string">"Sex: ~A"</span> sex</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <p>To output HTML on the REPL, do: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">with-output-to-string</span></i> <span class="paren2">(<span class="lisp-bg"><span class="special">forms.who:*html*</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">form <span class="paren5">(<span class="lisp-bg">forms:find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren4">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <p>Please have a look at the demo sources for more examples of how to use the library |
| </p> |
| <span id="Demo"></span><h3 class="section">3.2 Demo</h3> |
|
|
| <p>There’s a demo included. To run: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">require <span class="keyword">:cl-forms.demo</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">forms.test:run-demo</span>)</span> |
| </pre></div> |
|
|
| <span id="Basic-example"></span><h4 class="subsection">3.2.1 Basic example</h4> |
|
|
| <p>Define a form. Render the form via CL-WHO backend, doing: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span> |
| </pre></div> |
|
|
| <p>Then handle and validate the form. |
| </p> |
| <p>Source code: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">in-package <span class="keyword">:forms.test</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> fields-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/fields-post"</span> |
| <span class="keyword">:enctype</span> <span class="string">"multipart/form-data"</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:value</span> <span class="string">""</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">ready <span class="keyword">:boolean</span> <span class="keyword">:value</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">avatar <span class="keyword">:file</span> <span class="keyword">:upload-handler</span> 'handle-file-upload</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">disabled <span class="keyword">:string</span> <span class="keyword">:disabled-p</span> t <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">readonly <span class="keyword">:string</span> <span class="keyword">:read-only-p</span> t <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">readonly-checkbox <span class="keyword">:boolean</span> <span class="keyword">:read-only-p</span> t <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">disabled-checkbox <span class="keyword">:boolean</span> <span class="keyword">:disabled-p</span> t <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Create"</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> fields-demo <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren3">(<span class="lisp-bg"><span class="special">forms.who:*html*</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:h1</span> <span class="paren4">(<span class="lisp-bg">who:str <span class="string">"Fields example"</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:div</span> <span class="keyword">:class</span> <span class="keyword">:container</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:div</span> <span class="keyword">:class</span> <span class="keyword">:row</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:div</span> <span class="keyword">:class</span> <span class="keyword">:heading</span> |
| <span class="paren6">(<span class="lisp-bg"><span class="keyword">:h3</span> <span class="paren1">(<span class="lisp-bg">who:str <span class="string">"Simple form"</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">form <span class="paren2">(<span class="lisp-bg">forms::find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren1">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:div</span> <span class="keyword">:class</span> <span class="keyword">:row</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:div</span> <span class="keyword">:class</span> <span class="keyword">:heading</span> |
| <span class="paren6">(<span class="lisp-bg"><span class="keyword">:h3</span> <span class="paren1">(<span class="lisp-bg">who:str <span class="string">"Choices"</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">form <span class="paren2">(<span class="lisp-bg">forms::find-form 'choices-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren1">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">fields-demo-handler <span class="keyword">:uri</span> <span class="string">"/fields"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'fields-demo |
| <span class="keyword">:source</span> <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/fields.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:fields</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">fields-form-post |
| <span class="keyword">:uri</span> <span class="string">"/fields-post"</span> |
| <span class="keyword">:default-request-type</span> <span class="keyword">:post</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">flet</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">fields-post <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">form <span class="paren2">(<span class="lisp-bg">forms:find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg">forms::handle-request form</span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">forms::with-form-fields</span></i> <span class="paren1">(<span class="lisp-bg">name ready sex avatar</span>)</span> form |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren2">(<span class="lisp-bg"><span class="special">forms.who:*html*</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="keyword">:ul</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Name: ~A"</span> <span class="paren5">(<span class="lisp-bg">forms::field-value name</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Ready: ~A"</span> <span class="paren5">(<span class="lisp-bg">forms::field-value ready</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Sex: ~A"</span> <span class="paren5">(<span class="lisp-bg">forms::field-value sex</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Avatar: ~A"</span> <span class="paren5">(<span class="lisp-bg">forms::file-name avatar</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg">when <span class="paren5">(<span class="lisp-bg">forms::file-name avatar</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">who:htm |
| <span class="paren6">(<span class="lisp-bg"><span class="keyword">:img</span> <span class="keyword">:width</span> 200 <span class="keyword">:height</span> 200 |
| <span class="keyword">:src</span> <span class="paren1">(<span class="lisp-bg">format nil <span class="string">"/files?f=~A"</span> <span class="paren2">(<span class="lisp-bg">forms::file-name avatar</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'fields-post |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/fields.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:fields</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="comment">;; Choices widget test |
| </span> |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> choices-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/choices-post"</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> |
| <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> |
| <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex2 <span class="keyword">:choice</span> |
| <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> |
| <span class="keyword">:value</span> <span class="string">"Female"</span> |
| <span class="keyword">:expanded</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">choices <span class="keyword">:choice</span> |
| <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Foo"</span> <span class="string">"Bar"</span></span>)</span> |
| <span class="keyword">:value</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Foo"</span></span>)</span> |
| <span class="keyword">:multiple</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">choices2 <span class="keyword">:choice</span> |
| <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Foo"</span> <span class="string">"Bar"</span></span>)</span> |
| <span class="keyword">:value</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Bar"</span></span>)</span> |
| <span class="keyword">:multiple</span> t |
| <span class="keyword">:expanded</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Ok"</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">choices-form-post <span class="keyword">:uri</span> <span class="string">"/choices-post"</span> |
| <span class="keyword">:default-request-type</span> <span class="keyword">:post</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">flet</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">choices-post <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">form <span class="paren2">(<span class="lisp-bg">forms:find-form 'choices-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg">forms::handle-request form</span>)</span> |
| <span class="paren6">(<span class="lisp-bg">forms::validate-form form</span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">forms::with-form-field-values</span></i> <span class="paren1">(<span class="lisp-bg">sex sex2 choices choices2</span>)</span> form |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren2">(<span class="lisp-bg"><span class="special">forms.who:*html*</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="keyword">:ul</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Sex: ~A"</span> sex</span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Sex2: ~A"</span> sex2</span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Choices: ~A"</span> choices</span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Choices2: ~A"</span> choices2</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'choices-post |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/fields.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:fields</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="comment">;; File handling |
| </span> |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defvar</span></i> <span class="special">*files*</span> nil</span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defvar</span></i> <span class="special">*files-path*</span> <span class="paren2">(<span class="lisp-bg">pathname <span class="string">"/tmp/cl-forms/"</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> handle-file-upload <span class="paren2">(<span class="lisp-bg">file-field</span>)</span> |
| <span class="comment">;; Store the file |
| </span> <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">new-path <span class="paren5">(<span class="lisp-bg">merge-pathnames |
| <span class="paren6">(<span class="lisp-bg">forms::file-name file-field</span>)</span> |
| <span class="special">*files-path*</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">rename-file <span class="paren4">(<span class="lisp-bg">forms::file-path file-field</span>)</span> |
| <span class="paren4">(<span class="lisp-bg">ensure-directories-exist new-path</span>)</span></span>)</span> |
| <span class="comment">;; Save for handler |
| </span> <span class="paren3">(<span class="lisp-bg">push <span class="paren4">(<span class="lisp-bg">cons <span class="paren5">(<span class="lisp-bg">forms::file-name file-field</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">list new-path <span class="paren6">(<span class="lisp-bg">forms::file-content-type file-field</span>)</span></span>)</span></span>)</span> |
| <span class="special">*files*</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> handle-uploaded-file <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">finfo <span class="paren5">(<span class="lisp-bg">cdr <span class="paren6">(<span class="lisp-bg">assoc <span class="paren1">(<span class="lisp-bg">hunchentoot:parameter <span class="string">"f"</span></span>)</span> <span class="special">*files*</span> <span class="keyword">:test</span> #'equalp</span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">hunchentoot:handle-static-file <span class="paren4">(<span class="lisp-bg">first finfo</span>)</span> <span class="paren4">(<span class="lisp-bg">second finfo</span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg">push |
| <span class="paren2">(<span class="lisp-bg">hunchentoot:create-prefix-dispatcher <span class="string">"/files"</span> 'handle-uploaded-file</span>)</span> |
| <span class="special">hunchentoot:*dispatch-table*</span></span>)</span> |
| </pre></div> |
|
|
| <span id="Validation"></span><h4 class="subsection">3.2.2 Validation</h4> |
|
|
| <p>Example of forms validation. |
| </p> |
| <p>Add Clavier constraints to the form. Then call <a href="#CL_002dFORMS_003aVALIDATE_002dFORM-function">VALIDATE-FORM</a> after <a href="#CL_002dFORMS_003aHANDLE_002dREQUEST-function">HANDLE-REQUEST</a>. |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">in-package <span class="keyword">:forms.test</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> validated-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/validation-post"</span> |
| <span class="keyword">:client-validation</span> nil</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:value</span> <span class="string">""</span> <span class="keyword">:constraints</span> <span class="paren4">(<span class="lisp-bg">list <span class="paren5">(<span class="lisp-bg">clavier:is-a-string</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:not-blank</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:len <span class="keyword">:max</span> 5</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">single <span class="keyword">:boolean</span> <span class="keyword">:value</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">age <span class="keyword">:integer</span> <span class="keyword">:constraints</span> <span class="paren4">(<span class="lisp-bg">list <span class="paren5">(<span class="lisp-bg">clavier:is-an-integer</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:greater-than -1</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:less-than 200</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">email <span class="keyword">:email</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">birth-date <span class="keyword">:date</span> <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Create"</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> validation-demo <span class="paren2">(<span class="lisp-bg">&optional form</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren4">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:h1</span> <span class="paren5">(<span class="lisp-bg">who:str <span class="string">"Server side validation"</span></span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren5">(<span class="lisp-bg">who:str <span class="string">"This is a demo of server side validation. Submit the form and play with the values to see how it works. Also look at field constraints in source code tab."</span></span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren5">(<span class="lisp-bg"><span class="paren6">(<span class="lisp-bg">form <span class="paren1">(<span class="lisp-bg">or form <span class="paren2">(<span class="lisp-bg">forms::find-form 'validated-form</span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">validated-form-post <span class="keyword">:uri</span> <span class="string">"/validation-post"</span> |
| <span class="keyword">:default-request-type</span> <span class="keyword">:post</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">flet</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">validation-post <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">form <span class="paren2">(<span class="lisp-bg">forms:find-form 'validated-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg">forms::handle-request form</span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">if</span></i> <span class="paren1">(<span class="lisp-bg">forms::validate-form form</span>)</span> |
| <span class="comment">;; The form is valid |
| </span> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms::with-form-field-values</span></i> <span class="paren2">(<span class="lisp-bg">name single sex age email birth-date</span>)</span> form |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren3">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:ul</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Name: ~A"</span> name</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Single: ~A"</span> single</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Sex: ~A"</span> sex</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Age: ~A"</span> age</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Email: ~A"</span> email</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Birth date: ~A"</span> birth-date</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="comment">;; The form is not valid |
| </span> <span class="paren1">(<span class="lisp-bg">validation-demo form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'validation-post |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/validation.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:validation</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">validation-demo-handler <span class="keyword">:uri</span> <span class="string">"/validation"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'validation-demo |
| <span class="keyword">:source</span> <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/validation.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:validation</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <span id="Client-validation"></span><h4 class="subsection">3.2.3 Client validation</h4> |
|
|
| <p>To validate in the client, just set <code>:client-validation</code> to <code>T</code>. |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">in-package <span class="keyword">:forms.test</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> client-validated-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/client-validation-post"</span> |
| <span class="keyword">:client-validation</span> t</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:value</span> <span class="string">""</span> <span class="keyword">:constraints</span> <span class="paren4">(<span class="lisp-bg">list <span class="paren5">(<span class="lisp-bg">clavier:is-a-string</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:not-blank</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:len <span class="keyword">:max</span> 5</span>)</span></span>)</span> |
| <span class="keyword">:validation-triggers</span> '<span class="paren4">(<span class="lisp-bg"><span class="keyword">:focusin</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">single <span class="keyword">:boolean</span> <span class="keyword">:value</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">age <span class="keyword">:integer</span> <span class="keyword">:constraints</span> <span class="paren4">(<span class="lisp-bg">list <span class="paren5">(<span class="lisp-bg">clavier:is-an-integer</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:greater-than -1</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:less-than 200</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">email <span class="keyword">:email</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Create"</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> client-validation <span class="paren2">(<span class="lisp-bg">&optional form</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">form <span class="paren5">(<span class="lisp-bg">or form <span class="paren6">(<span class="lisp-bg">forms::find-form 'client-validated-form</span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren5">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:h1</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"Client side validation"</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"This is an example of how client side validation works. Client side validation uses parsleyjs library for validating client side."</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"The interesting thing about the implementation is that validations are specified in the form definition, and are </span><span class="string">\"</span><span class="string">compiled</span><span class="string">\"</span><span class="string"> to rules in javascript. Also, this example uses the exactly the same constraints than the server side validation demo."</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">client-validation-handler |
| <span class="keyword">:uri</span> <span class="string">"/client-validation"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'client-validation |
| <span class="keyword">:source</span> <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/client-validation.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:client-validation</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">client-validation-post <span class="keyword">:uri</span> <span class="string">"/client-validation/post"</span> <span class="keyword">:default-request-type</span> <span class="keyword">:post</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">flet</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">client-validation-post <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">form <span class="paren2">(<span class="lisp-bg">forms:find-form 'client-validated-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg">forms::handle-request form</span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">if</span></i> <span class="paren1">(<span class="lisp-bg">forms::validate-form form</span>)</span> |
| <span class="comment">;; The form is valid |
| </span> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms::with-form-field-values</span></i> <span class="paren2">(<span class="lisp-bg">name single sex age email</span>)</span> form |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren3">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:ul</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Name: ~A"</span> name</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Single: ~A"</span> single</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Sex: ~A"</span> sex</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Age: ~A"</span> age</span>)</span></span>)</span> |
| <span class="paren4">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren5">(<span class="lisp-bg">who:fmt <span class="string">"Email: ~A"</span> email</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="comment">;; The form is not valid |
| </span> <span class="paren1">(<span class="lisp-bg">client-validation form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'client-validation-post |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/client-validation.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:client-validation</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <span id="Models"></span><h4 class="subsection">3.2.4 Models</h4> |
|
|
| <p>Forms can be attached to model objects. Model objects are CLOS instances from where form values are read and written to. |
| </p> |
| <p>To work with models, forms are defined via defform-builder instead of defform. A form-builder is a function that takes the model objects and attaches it to the form. The form needs to define the accessors to access the model for each form field. |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">in-package <span class="keyword">:forms.test</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defclass</span></i> person <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:initarg</span> <span class="keyword">:name</span> |
| <span class="keyword">:accessor</span> person-name |
| <span class="keyword">:initform</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">single <span class="keyword">:initarg</span> <span class="keyword">:single</span> |
| <span class="keyword">:accessor</span> person-single |
| <span class="keyword">:initform</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:initarg</span> <span class="keyword">:sex</span> |
| <span class="keyword">:accessor</span> person-sex |
| <span class="keyword">:initform</span> <span class="keyword">:male</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform-builder</span></i> model-form <span class="paren2">(<span class="lisp-bg">person</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">make-instance 'forms::form |
| <span class="keyword">:name</span> 'model-form |
| <span class="keyword">:model</span> person |
| <span class="keyword">:action</span> <span class="string">"/models-post"</span> |
| <span class="keyword">:fields</span> <span class="paren3">(<span class="lisp-bg">forms::make-form-fields |
| `<span class="paren4">(<span class="lisp-bg"><span class="paren5">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:label</span> <span class="string">"Name"</span> |
| <span class="keyword">:accessor</span> person-name</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">single <span class="keyword">:boolean</span> <span class="keyword">:label</span> <span class="string">"Single"</span> |
| <span class="keyword">:accessor</span> person-single</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:label</span> <span class="string">"Sex"</span> |
| <span class="keyword">:choices</span> <span class="paren6">(<span class="lisp-bg"><span class="keyword">:male</span> <span class="keyword">:female</span></span>)</span> |
| <span class="keyword">:accessor</span> person-sex |
| <span class="keyword">:formatter</span> format-sex</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Update"</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> format-sex <span class="paren2">(<span class="lisp-bg">sex stream</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">write-string |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">if</span></i> <span class="paren4">(<span class="lisp-bg">equalp sex <span class="keyword">:male</span></span>)</span> <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> |
| stream</span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> models-demo <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren3">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:h1</span> <span class="paren4">(<span class="lisp-bg">who:str <span class="string">"Form models"</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="string">"Forms can be attached to model objects. Model objects are CLOS instances from where form values are read and written to."</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="string">"To work with models, forms are defined via defform-builder instead of defform. A form-builder is a function that takes the model objects and attaches it to the form. The form needs to define the accessors to access the model for each form field."</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="string">"This is an example of a form attached to a person object. Please have a look at the source code to see how it is done."</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-model-form</span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> render-model-form <span class="paren2">(<span class="lisp-bg">&optional form</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">form <span class="paren5">(<span class="lisp-bg">or form |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren1">(<span class="lisp-bg"><span class="paren2">(<span class="lisp-bg">person <span class="paren3">(<span class="lisp-bg">make-instance 'person |
| <span class="keyword">:name</span> <span class="string">"Foo"</span> |
| <span class="keyword">:single</span> t |
| <span class="keyword">:sex</span> <span class="keyword">:male</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">forms::find-form 'model-form person</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren4">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">model-form <span class="keyword">:uri</span> <span class="string">"/models"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'models-demo |
| <span class="keyword">:source</span> <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/models.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:models</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">model-form-post <span class="keyword">:uri</span> <span class="string">"/models-post"</span> |
| <span class="keyword">:default-request-type</span> <span class="keyword">:post</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">flet</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">model-post <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">person <span class="paren2">(<span class="lisp-bg">make-instance 'person</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren1">(<span class="lisp-bg"><span class="paren2">(<span class="lisp-bg">form <span class="paren3">(<span class="lisp-bg">forms:find-form 'model-form person</span>)</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">forms::handle-request form</span>)</span> |
| <span class="paren1">(<span class="lisp-bg">forms::validate-form form</span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren2">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="keyword">:ul</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Name: ~A"</span> <span class="paren5">(<span class="lisp-bg">person-name person</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Single: ~A"</span> <span class="paren5">(<span class="lisp-bg">person-single person</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><span class="keyword">:li</span> <span class="paren4">(<span class="lisp-bg">who:fmt <span class="string">"Sex: ~A"</span> <span class="paren5">(<span class="lisp-bg">person-sex person</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'model-post |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/models.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:models</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <span id="Composition"></span><h4 class="subsection">3.2.5 Composition</h4> |
|
|
| <p>It is possible to compose forms using the <code>subform</code> field type: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">in-package <span class="keyword">:forms.test</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> member-form <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:value</span> <span class="string">""</span> <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">ready <span class="keyword">:boolean</span> <span class="keyword">:value</span> t <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> composition-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/composition-post"</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"> |
| <span class="comment">;; Subforms |
| </span> <span class="paren3">(<span class="lisp-bg">main-member <span class="keyword">:subform</span> <span class="keyword">:subform</span> 'member-form</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">secondary-member <span class="keyword">:subform</span> <span class="keyword">:subform</span> 'member-form</span>)</span> |
| <span class="comment">;; Simple list |
| </span> <span class="paren3">(<span class="lisp-bg">todo <span class="keyword">:list</span> <span class="keyword">:type</span> '<span class="paren4">(<span class="lisp-bg"><span class="keyword">:string</span> <span class="keyword">:required-p</span> nil</span>)</span> |
| <span class="keyword">:empty-item-predicate</span> <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="lisp-bg">field</span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">val <span class="paren2">(<span class="lisp-bg">forms:field-value field</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg">or <span class="paren1">(<span class="lisp-bg">null val</span>)</span> |
| <span class="paren1">(<span class="lisp-bg">string= val <span class="string">""</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="comment">;; Subform list |
| </span> <span class="paren3">(<span class="lisp-bg">members <span class="keyword">:list</span> <span class="keyword">:type</span> '<span class="paren4">(<span class="lisp-bg"><span class="keyword">:subform</span> <span class="keyword">:subform</span> member-form</span>)</span> |
| <span class="keyword">:empty-item-predicate</span> <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="lisp-bg">field</span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">let*</span></i> <span class="paren6">(<span class="lisp-bg"><span class="paren1">(<span class="lisp-bg">subform <span class="paren2">(<span class="lisp-bg">forms:field-value field</span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">val <span class="paren2">(<span class="lisp-bg">forms:get-field-value subform 'name</span>)</span></span>)</span></span>)</span> |
| <span class="paren6">(<span class="lisp-bg">or <span class="paren1">(<span class="lisp-bg">null val</span>)</span> |
| <span class="paren1">(<span class="lisp-bg">string= val <span class="string">""</span></span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">save <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Save"</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">defun</span></i> form-composition-demo <span class="paren2">(<span class="lisp-bg">&optional form</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">form <span class="paren5">(<span class="lisp-bg">or form <span class="paren6">(<span class="lisp-bg">find-form 'composition-form</span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren5">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:h1</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"Forms composition"</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"These are examples of subforms and the list field type"</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-form-start form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"Subforms"</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"This is an example of subform composition. main-member and secondary-member are subforms."</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'main-member form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'secondary-member form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'save form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"List field"</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"This is an example of the list field. In this case, the list has elements of type string. To add an element to the list, fill in the input. To remove, empty the input."</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'todo form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'save form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"List of subforms"</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren6">(<span class="lisp-bg">who:str <span class="string">"This is the most complex example. This shows a list of subforms. Subforms are of type person. To add new persons, fill in their name. To remove, empty the name field."</span></span>)</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'members form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-field 'save form</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms::render-form-end form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">composition-demo <span class="keyword">:uri</span> <span class="string">"/composition"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'form-composition-demo |
| <span class="keyword">:source</span> <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/composition.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:composition</span></span>)</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">composition-demo-post <span class="keyword">:uri</span> <span class="string">"/composition-post"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">form <span class="paren5">(<span class="lisp-bg">forms:find-form 'composition-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">forms:handle-request form</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">lambda</span></i> <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">form-composition-demo form</span>)</span></span>)</span> |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/composition.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:composition</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <span id="Form-templates"></span><h4 class="subsection">3.2.6 Form templates</h4> |
|
|
| <p>Form templates is an alternative way of defining and rendering forms. Instead of defining a form with defform and then specifiying a template and render it, forms templates allow to do all that at the same time. |
| </p> |
| <div class="lisp"> |
| <pre class="verbatim">(in-package :forms.test) |
|
|
| (defun form-template-demo () |
| (macrolet ((row (&body body) |
| `(who:htm |
| (:div :class "row" |
| (who:htm |
| ,@body)))) |
| (col (&body body) |
| `(who:htm |
| (:div :class "col-md-2" |
| (who:htm |
| ,@body))))) |
| (forms:with-form-renderer :who |
| (who:with-html-output (forms.who::*html*) |
| (:div :class :container |
| (:div :class :row |
| (:div :class :heading |
| (:h1 (who:str "Form templates"))) |
| (:p (who:str "Form templates is an alternative way of defining and rendering forms. Instead of defining a form with defform and then specifiying a template and render it, forms templates allow to do all that at the same time.")) |
| (:p (who:str "Form definition is embedded in rendering spec via with-form-template. See source for details.")) |
| (:div :class :container |
| (forms:with-form-template () template-form (:action "/template-post") |
| (row |
| (:h3 (who:str "General")) |
| (col (form-field firstname :string :value "")) |
| (col (form-field lastname :string :value ""))) |
| (form-field active :boolean :value t) |
| (row |
| (:h3 (who:str "Address")) |
| (form-field address :string :value "")) |
| (row |
| (:h3 (who:str "Other")) |
| (form-field choices :choice |
| :choices (list "Foo" "Bar") |
| :value (list "Foo") |
| :multiple t) |
| (form-field choices2 :choice |
| :choices (list "Foo" "Bar") |
| :value (list "Bar") |
| :multiple t |
| :expanded t)) |
| (row |
| (form-field submit :submit :label "Create")))))))))) |
|
|
| (hunchentoot:define-easy-handler (template-demo-handler :uri "/template") () |
| (render-demo-page :demo #'form-template-demo |
| :source (asdf:system-relative-pathname :cl-forms.demo |
| "test/demo/form-templates.lisp") |
| :active-menu :template)) |
|
|
| (hunchentoot:define-easy-handler (template-form-post |
| :uri "/template-post" |
| :default-request-type :post) () |
| (flet ((fields-post () |
| (let ((form (forms:find-form 'template-form))) |
| (forms::handle-request form) |
| (if (forms::validate-form form) |
| (forms::with-form-field-values (firstname lastname active address |
| choices choices2) form |
| (who:with-html-output (forms.who::*html*) |
| (:ul |
| (:li (who:fmt "Firstname: ~A" firstname)) |
| (:li (who:fmt "Lastname: ~A" lastname)) |
| (:li (who:fmt "Active: ~A" active)) |
| (:li (who:fmt "Address: ~A" address)) |
| (:li (who:fmt "Choices: ~A" choices)) |
| (:li (who:fmt "Choices2: ~A" choices2))))) |
| "Form is not valid")))) |
| (render-demo-page :demo #'fields-post |
| :source (asdf:system-relative-pathname :cl-forms.demo |
| "test/demo/form-templates.lisp") |
| :active-menu :template))) |
| </pre></div> |
|
|
| <span id="Renderers"></span><h4 class="subsection">3.2.7 Renderers</h4> |
|
|
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg">in-package <span class="keyword">:forms.test</span></span>)</span> |
| |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">hunchentoot:define-easy-handler</span></i> <span class="paren2">(<span class="lisp-bg">demo-renderers <span class="keyword">:uri</span> <span class="string">"/renderers"</span></span>)</span> <span class="paren2">(<span class="lisp-bg"></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">flet</span></i> <span class="paren3">(<span class="lisp-bg"><span class="paren4">(<span class="lisp-bg">render <span class="paren5">(<span class="lisp-bg"></span>)</span> |
| <span class="paren5">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren6">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren1">(<span class="lisp-bg"><span class="special">forms.who:*html*</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="string">"CL-WHO"</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren2">(<span class="lisp-bg">who:str <span class="string">"Render via CL-WHO and whole form with RENDER-FORM."</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">forms:render-form <span class="paren2">(<span class="lisp-bg">forms:find-form 'fields-form</span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="string">"CL-WHO render by part"</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren2">(<span class="lisp-bg">who:str <span class="string">"Render via CL-WHO and the individual rendering functions RENDER-FORM-START, RENDER-FORM-END, RENDER-FIELD, RENDER-FIELD-LABEL and RENDER-FIELD-WIDGET."</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:with-form</span></i> <span class="paren2">(<span class="lisp-bg">forms:find-form 'fields-form</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-form-start</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'name</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field-label 'ready</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field-widget 'ready</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'sex</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'avatar</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'disabled</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'readonly</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'readonly-checkbox</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'disabled-checkbox</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-field 'submit</span>)</span> |
| <span class="paren2">(<span class="lisp-bg">forms:render-form-end</span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="string">"Djula"</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren2">(<span class="lisp-bg">who:str <span class="string">"Render a form with a Djula template."</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">who:str <span class="paren2">(<span class="lisp-bg">djula:render-template* <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> <span class="string">"test/demo/djula-form.html"</span></span>)</span> nil <span class="keyword">:form</span> <span class="paren3">(<span class="lisp-bg">find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:h2</span> <span class="string">"Djula by part"</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg"><span class="keyword">:p</span> <span class="paren2">(<span class="lisp-bg">who:str <span class="string">"Render a form with a Djula template, by parts."</span></span>)</span></span>)</span> |
| <span class="paren1">(<span class="lisp-bg">who:str <span class="paren2">(<span class="lisp-bg">djula:render-template* <span class="paren3">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> <span class="string">"test/demo/djula-form-parts.html"</span></span>)</span> nil <span class="keyword">:form</span> <span class="paren3">(<span class="lisp-bg">find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| </span>)</span></span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">render-demo-page <span class="keyword">:demo</span> #'render |
| <span class="keyword">:source</span> <span class="paren4">(<span class="lisp-bg">asdf:system-relative-pathname <span class="keyword">:cl-forms.demo</span> |
| <span class="string">"test/demo/renderers.lisp"</span></span>)</span> |
| <span class="keyword">:active-menu</span> <span class="keyword">:renderers</span></span>)</span></span>)</span></span>)</span> |
| |
| |
| </pre></div> |
|
|
| <hr> |
| <span id="Form-rendering"></span><div class="header"> |
| <p> |
| Up: <a href="#Usage" accesskey="u" rel="up">Usage</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Form-rendering-1"></span><h3 class="section">3.3 Form rendering</h3> |
|
|
| <p>A form can be rendered via different renderers and themes. |
| There are implemented renderers for CL-WHO and Djula. |
| The only theme at the moment is a Bootstrap theme that runs under CL-WHO. |
| </p> |
| <p>To be able to render a form a form renderer needs to be bound first. Renderers are bound using <a href="#CL_002dFORMS_003aWITH_002dFORM_002dRENDERER-macro">WITH-FORM-RENDERER</a> macro. |
| </p> |
| <p>Similarly, to use a theme other than the default one, it needs to be bound using <a href="#CL_002dFORMS_003aWITH_002dFORM_002dTHEME-macro">WITH-FORM-THEME</a>. |
| </p> |
| <table class="menu" border="0" cellspacing="0"> |
| <tr><td align="left" valign="top">• <a href="#CL_002dWHO-renderer" accesskey="1">CL-WHO renderer</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top">• <a href="#Bootstrap-theme" accesskey="2">Bootstrap theme</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| <tr><td align="left" valign="top">• <a href="#Djula" accesskey="3">Djula</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| </table> |
|
|
| <span id="Form-rendering-functions"></span><h4 class="subsection">3.3.1 Form rendering functions</h4> |
|
|
| <p>Forms are renderer using <a href="#CL_002dFORMS_003aRENDER_002dFORM-function">RENDER-FORM</a> to render the whole form all at once, or via <a href="#CL_002dFORMS_003aRENDER_002dFORM_002dSTART-function">RENDER-FORM-START</a>,<a href="#CL_002dFORMS_003aRENDER_002dFORM_002dEND-function">RENDER-FORM-END</a>,<a href="#CL_002dFORMS_003aRENDER_002dFIELD-function">RENDER-FIELD</a>,<a href="#CL_002dFORMS_003aRENDER_002dFIELD_002dLABEL-function">RENDER-FIELD-LABEL</a>,<a href="#CL_002dFORMS_003aRENDER_002dFIELD_002dWIDGET-function">RENDER-FIELD-WIDGET</a>, to only render specific parts of a form and have more control. |
| </p> |
| <hr> |
| <span id="CL_002dWHO-renderer"></span><div class="header"> |
| <p> |
| Next: <a href="#Bootstrap-theme" accesskey="n" rel="next">Bootstrap theme</a>, Up: <a href="#Form-rendering" accesskey="u" rel="up">Form rendering</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="CL_002dWHO-renderer-1"></span><h4 class="subsection">3.3.2 CL-WHO renderer</h4> |
|
|
| <p>The CL-WHO renderer uses CL-WHO library for rendering forms. |
| </p> |
| <p>Needs <code>cl-forms.who</code> ASDF system loaded. |
| </p> |
| <p>To render a form using CL-WHO bind the renderer via <a href="#CL_002dFORMS_003aWITH_002dFORM_002dRENDERER-macro">WITH-FORM-RENDERER</a>, bind <code>FORMS.WHO:*HTML*</code> variable, and then render the form: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">form <span class="paren4">(<span class="lisp-bg">forms::find-form 'fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren3">(<span class="lisp-bg"><span class="special">forms.who:*html*</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren4">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <hr> |
| <span id="Bootstrap-theme"></span><div class="header"> |
| <p> |
| Next: <a href="#Djula" accesskey="n" rel="next">Djula</a>, Previous: <a href="#CL_002dWHO-renderer" accesskey="p" rel="prev">CL-WHO renderer</a>, Up: <a href="#Form-rendering" accesskey="u" rel="up">Form rendering</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Bootstrap-theme-1"></span><h4 class="subsection">3.3.3 Bootstrap theme</h4> |
|
|
| <p>There’s a Bootstrap theme implemented for CL-WHO renderer. |
| </p> |
| <p>Needs <code>cl-forms.who.bootstrap</code> ASDF system loaded. |
| </p> |
| <p>Select the theme via <a href="#CL_002dFORMS_003aWITH_002dFORM_002dTHEME-macro">WITH-FORM-THEME</a>: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">let</span></i> <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">form <span class="paren4">(<span class="lisp-bg">forms::find-form 'bs-fields-form</span>)</span></span>)</span></span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-theme</span></i> 'forms.who::bootstrap-form-theme |
| <span class="paren3">(<span class="lisp-bg"><i><span class="symbol">forms:with-form-renderer</span></i> <span class="keyword">:who</span> |
| <span class="paren4">(<span class="lisp-bg"><i><span class="symbol">who:with-html-output</span></i> <span class="paren5">(<span class="lisp-bg"><span class="special">forms.who::*html*</span></span>)</span> |
| <span class="paren5">(<span class="lisp-bg">forms:render-form form</span>)</span></span>)</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <hr> |
| <span id="Djula"></span><div class="header"> |
| <p> |
| Previous: <a href="#Bootstrap-theme" accesskey="p" rel="prev">Bootstrap theme</a>, Up: <a href="#Form-rendering" accesskey="u" rel="up">Form rendering</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Djula-1"></span><h4 class="subsection">3.3.4 Djula</h4> |
|
|
| <p>CL-FORMS integrates with Djula template system. |
| </p> |
| <p>Needs <code>cl-forms.djula</code> ASDF system loaded. |
| </p> |
| <p>Djula tags: |
| </p><ul> |
| <li> <code>{% form form %}</code>. Renders a whole form. |
| </li><li> <code>{% form-start form %}</code>. Renders the form start part. |
| </li><li> <code>{% form-end form %}</code>. Renders the form end part. |
| </li><li> <code>{% form-row form field-name %}</code>. Renders the row with label and widget for the form field. |
| </li><li> <code>{% form-field-label form field-name %}</code>. Renders the form field label. |
| </li><li> <code>{% form-field-widget form field-name %}</code>. Renders the form field widget. |
| </li></ul> |
|
|
| <p>Make sure to <code>{% set-package %}</code> at the beggining of your Djula template to the package where the form lives. Otherwise, Djula wont’ be able to find form fields by name. |
| </p> |
| <p>Examples: |
| </p> |
| <p>A Djula template that renders a whole form: |
| </p> |
| <pre class="verbatim">{% form form %} |
| </pre> |
| <p>A Djula template that renders a form by parts: |
| </p> |
| <pre class="verbatim">{% set-package forms.test %} |
|
|
| {% form-start form %} |
| {% form-row form name %} |
| {% form-row form ready %} |
| <div> |
| {% form-field-label form sex %} |
| {% form-field-widget form sex %} |
| </div> |
| {% form-row form avatar %} |
| {% form-row form disabled %} |
| {% form-row form disabled-checkbox %} |
| {% form-row form readonly-checkbox %} |
| {% form-row form submit %} |
| {% form-end form %} |
| </pre> |
| <hr> |
| <span id="API"></span><div class="header"> |
| <p> |
| Next: <a href="#Index" accesskey="n" rel="next">Index</a>, Previous: <a href="#Usage" accesskey="p" rel="prev">Usage</a>, Up: <a href="#Top" accesskey="u" rel="up">Top</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="API-1"></span><h2 class="chapter">4 API</h2> |
| <span id="api"></span> |
| <table class="menu" border="0" cellspacing="0"> |
| <tr><td align="left" valign="top">• <a href="#CL_002dFORMS-package" accesskey="1">CL-FORMS package</a></td><td> </td><td align="left" valign="top"> |
| </td></tr> |
| </table> |
|
|
| <hr> |
| <span id="CL_002dFORMS-package"></span><div class="header"> |
| <p> |
| Up: <a href="#API" accesskey="u" rel="up">API</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="CL_002dFORMS-package-1"></span><h3 class="section">4.1 CL-FORMS package</h3> |
| <dl> |
| <dt id="index-CL_002dFORMS">PACKAGE: <strong>CL-FORMS</strong></dt> |
| </dl> |
|
|
| <span id="External-definitions"></span><h3 class="heading">External definitions</h3> |
|
|
| <span id="Variables"></span><h4 class="subheading">Variables</h4> |
| <span id="index-CL_002dFORMS_003a_002aBASE64_002dENCODE_002a"></span> |
| <span id="CL_002dFORMS_003a_002aBASE64_002dENCODE_002a-variable"></span><dl> |
| <dt id="index-_002aBASE64_002dENCODE_002a">CL-FORMS: <strong>*BASE64-ENCODE*</strong></dt> |
| <dd> |
| <p>Whether to encode form parameters in base64 or not. |
| </p></dd></dl> |
|
|
| <span id="Macros"></span><h4 class="subheading">Macros</h4> |
| <span id="index-CL_002dFORMS_003aDEFFORM_002dBUILDER"></span> |
| <span id="CL_002dFORMS_003aDEFFORM_002dBUILDER-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aDEFFORM_002dBUILDER-1">Macro: <strong>CL-FORMS:DEFFORM-BUILDER</strong> <em>(form-name args &body body)</em></dt> |
| <dd> |
| <p>Registers a function with arguments ARGS and body BODY as a form builder. |
| </p> |
| <p>BODY is expected to instantiate a FORM object using ARGS in some way. |
| </p> |
| <p>FORM-NAME is the symbol under which the FORM is registered. |
| </p> |
| <p>Use FIND-FORM with FORM-NAME and expected arguments to obtain the registered form. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aWITH_002dFORM_002dFIELD_002dVALUES"></span> |
| <span id="CL_002dFORMS_003aWITH_002dFORM_002dFIELD_002dVALUES-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aWITH_002dFORM_002dFIELD_002dVALUES-1">Macro: <strong>CL-FORMS:WITH-FORM-FIELD-VALUES</strong> <em>(fields form &body body)</em></dt> |
| <dd> |
| <p>Bind the value of FIELDS in FORM. |
| </p> |
| <p>Example: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">with-form-field-values</span></i> <span class="paren2">(<span class="lisp-bg">name</span>)</span> form |
| <span class="paren2">(<span class="lisp-bg">print name</span>)</span></span>)</span> |
| </pre></div> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aWITH_002dFORM_002dFIELDS"></span> |
| <span id="CL_002dFORMS_003aWITH_002dFORM_002dFIELDS-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aWITH_002dFORM_002dFIELDS-1">Macro: <strong>CL-FORMS:WITH-FORM-FIELDS</strong> <em>(fields form &body body)</em></dt> |
| <dd> |
| <p>Bind FIELDS to the form fields in FORM. |
| </p> |
| <p>Example: |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">with-form-fields</span></i> <span class="paren2">(<span class="lisp-bg">name</span>)</span> form |
| <span class="paren2">(<span class="lisp-bg">print <span class="paren3">(<span class="lisp-bg">field-value name</span>)</span></span>)</span></span>)</span> |
| </pre></div> |
|
|
| <p>Also see: WITH-FORM-FIELD-VALUES |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aDEFFORM"></span> |
| <span id="CL_002dFORMS_003aDEFFORM-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aDEFFORM-1">Macro: <strong>CL-FORMS:DEFFORM</strong> <em>(form-name args fields)</em></dt> |
| <dd> |
| <p>Define a form at top-level. |
| </p> |
| <p>ARGS are the arguments passed to FORM class via MAKE-INSTANCE. |
| FIELDS are the form field specs. |
| </p> |
| <div class="lisp"> |
| <pre class="lisp"> <span class="paren1">(<span class="lisp-bg"><i><span class="symbol">forms:defform</span></i> client-validated-form <span class="paren2">(<span class="lisp-bg"><span class="keyword">:action</span> <span class="string">"/client-validation-post"</span> |
| <span class="keyword">:client-validation</span> t</span>)</span> |
| <span class="paren2">(<span class="lisp-bg"><span class="paren3">(<span class="lisp-bg">name <span class="keyword">:string</span> <span class="keyword">:value</span> <span class="string">""</span> <span class="keyword">:constraints</span> <span class="paren4">(<span class="lisp-bg">list <span class="paren5">(<span class="lisp-bg">clavier:is-a-string</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:not-blank</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:len <span class="keyword">:max</span> 5</span>)</span></span>)</span> |
| <span class="keyword">:validation-triggers</span> '<span class="paren4">(<span class="lisp-bg"><span class="keyword">:focusin</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">single <span class="keyword">:boolean</span> <span class="keyword">:value</span> t</span>)</span> |
| <span class="paren3">(<span class="lisp-bg">sex <span class="keyword">:choice</span> <span class="keyword">:choices</span> <span class="paren4">(<span class="lisp-bg">list <span class="string">"Male"</span> <span class="string">"Female"</span></span>)</span> <span class="keyword">:value</span> <span class="string">"Male"</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">age <span class="keyword">:integer</span> <span class="keyword">:constraints</span> <span class="paren4">(<span class="lisp-bg">list <span class="paren5">(<span class="lisp-bg">clavier:is-an-integer</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:greater-than -1</span>)</span> |
| <span class="paren5">(<span class="lisp-bg">clavier:less-than 200</span>)</span></span>)</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">email <span class="keyword">:email</span></span>)</span> |
| <span class="paren3">(<span class="lisp-bg">submit <span class="keyword">:submit</span> <span class="keyword">:label</span> <span class="string">"Create"</span></span>)</span></span>)</span></span>)</span> |
| </pre></div> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aWITH_002dFORM_002dTEMPLATE"></span> |
| <span id="CL_002dFORMS_003aWITH_002dFORM_002dTEMPLATE-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aWITH_002dFORM_002dTEMPLATE-1">Macro: <strong>CL-FORMS:WITH-FORM-TEMPLATE</strong> <em>((&optional form-var) form-name args &body body)</em></dt> |
| <dd> |
| <p>Define a FORM named FORM-NAME and render it at the same time. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aWITH_002dFORM_002dTHEME"></span> |
| <span id="CL_002dFORMS_003aWITH_002dFORM_002dTHEME-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aWITH_002dFORM_002dTHEME-1">Macro: <strong>CL-FORMS:WITH-FORM-THEME</strong> <em>(form-theme &body body)</em></dt> |
| <dd> |
| <p>Bind *FORM-THEME* to FORM-THEME and evaluate BODY in that context. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aWITH_002dFORM"></span> |
| <span id="CL_002dFORMS_003aWITH_002dFORM-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aWITH_002dFORM-1">Macro: <strong>CL-FORMS:WITH-FORM</strong> <em>(form &body body)</em></dt> |
| <dd> |
| <p>Bind *FORM* to FORM and evaluate BODY in that context. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aWITH_002dFORM_002dRENDERER"></span> |
| <span id="CL_002dFORMS_003aWITH_002dFORM_002dRENDERER-macro"></span><dl> |
| <dt id="index-CL_002dFORMS_003aWITH_002dFORM_002dRENDERER-1">Macro: <strong>CL-FORMS:WITH-FORM-RENDERER</strong> <em>(renderer &body body)</em></dt> |
| <dd> |
| <p>Bind *FORM-RENDERER* to RENDERER and evaluate BODY in that context. |
| </p></dd></dl> |
|
|
| <span id="Generic-functions"></span><h4 class="subheading">Generic functions</h4> |
| <span id="index-CL_002dFORMS_003aFIELD_002dREADER"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dREADER-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dREADER-1">Generic-Function: <strong>CL-FORMS:FIELD-READER</strong> <em>(field)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dVALID_002dP"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dVALID_002dP-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dVALID_002dP-1">Generic-Function: <strong>CL-FORMS:FIELD-VALID-P</strong> <em>(form-field &optional (form))</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORM_002dFIELDS"></span> |
| <span id="CL_002dFORMS_003aFORM_002dFIELDS-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORM_002dFIELDS-1">Generic-Function: <strong>CL-FORMS:FORM-FIELDS</strong> <em>(sb-pcl::object)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dACCESSOR"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dACCESSOR-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dACCESSOR-1">Generic-Function: <strong>CL-FORMS:FIELD-ACCESSOR</strong> <em>(sb-pcl::object)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE"></span> |
| <span id="CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE-1">Generic-Function: <strong>CL-FORMS:FORMAT-FIELD-VALUE</strong> <em>(form-field field-value &optional stream)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dWRITER"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dWRITER-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dWRITER-1">Generic-Function: <strong>CL-FORMS:FIELD-WRITER</strong> <em>(field)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dPARSER"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dPARSER-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dPARSER-1">Generic-Function: <strong>CL-FORMS:FIELD-PARSER</strong> <em>(sb-pcl::object)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORM_002dERRORS"></span> |
| <span id="CL_002dFORMS_003aFORM_002dERRORS-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORM_002dERRORS-1">Generic-Function: <strong>CL-FORMS:FORM-ERRORS</strong> <em>(sb-pcl::object)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dVALUE"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dVALUE-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dVALUE-1">Generic-Function: <strong>CL-FORMS:FIELD-VALUE</strong> <em>(field)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dLABEL"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dLABEL-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dLABEL-1">Generic-Function: <strong>CL-FORMS:FIELD-LABEL</strong> <em>(sb-pcl::object)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIELD_002dFORMATTER"></span> |
| <span id="CL_002dFORMS_003aFIELD_002dFORMATTER-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIELD_002dFORMATTER-1">Generic-Function: <strong>CL-FORMS:FIELD-FORMATTER</strong> <em>(sb-pcl::object)</em></dt> |
| </dl> |
|
|
| <span id="Functions"></span><h4 class="subheading">Functions</h4> |
| <span id="index-CL_002dFORMS_003aADD_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aADD_002dFIELD-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aADD_002dFIELD-1">Function: <strong>CL-FORMS:ADD-FIELD</strong> <em>(form field)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFORM_002dEND"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFORM_002dEND-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFORM_002dEND-1">Function: <strong>CL-FORMS:RENDER-FORM-END</strong> <em>(&optional (form *form*))</em></dt> |
| <dd> |
| <p>Render the end of the web form FORM. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aGET_002dFORM"></span> |
| <span id="CL_002dFORMS_003aGET_002dFORM-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aGET_002dFORM-1">Function: <strong>CL-FORMS:GET-FORM</strong> <em>(&rest args)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aSET_002dFIELD_002dVALUE"></span> |
| <span id="CL_002dFORMS_003aSET_002dFIELD_002dVALUE-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aSET_002dFIELD_002dVALUE-1">Function: <strong>CL-FORMS:SET-FIELD-VALUE</strong> <em>(form field-name value)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aHANDLE_002dREQUEST"></span> |
| <span id="CL_002dFORMS_003aHANDLE_002dREQUEST-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aHANDLE_002dREQUEST-1">Function: <strong>CL-FORMS:HANDLE-REQUEST</strong> <em>(&optional (form *form*) (request hunchentoot:*request*))</em></dt> |
| <dd> |
| <p>Populates FORM from parameters in HTTP request. After this, the form field contains values, but they are not validated. To validate call VALIDATE-FORM after. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aVALIDATE_002dFORM"></span> |
| <span id="CL_002dFORMS_003aVALIDATE_002dFORM-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aVALIDATE_002dFORM-1">Function: <strong>CL-FORMS:VALIDATE-FORM</strong> <em>(&optional (form *form*))</em></dt> |
| <dd> |
| <p>Validates a form. Usually called after HANDLE-REQUEST. Returns multiple values; first value is true if the form is valid; second value a list of errors. |
| The list of errors is an association list with elements (<field> . <field errors strings list>). |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aMAKE_002dFORMATTER"></span> |
| <span id="CL_002dFORMS_003aMAKE_002dFORMATTER-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aMAKE_002dFORMATTER-1">Function: <strong>CL-FORMS:MAKE-FORMATTER</strong> <em>(symbol)</em></dt> |
| <dd> |
| <p>Create a field formatter. SYMBOL is the function to call. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE_002dTO_002dSTRING"></span> |
| <span id="CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE_002dTO_002dSTRING-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE_002dTO_002dSTRING-1">Function: <strong>CL-FORMS:FORMAT-FIELD-VALUE-TO-STRING</strong> <em>(form-field &optional (field-value (field-value form-field)))</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFIELD-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFIELD-1">Function: <strong>CL-FORMS:RENDER-FIELD</strong> <em>(field &optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Render form FIELD, both label and widget. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFIND_002dFORM"></span> |
| <span id="CL_002dFORMS_003aFIND_002dFORM-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFIND_002dFORM-1">Function: <strong>CL-FORMS:FIND-FORM</strong> <em>(name &rest args)</em></dt> |
| <dd> |
| <p>Get the form named NAME. |
| </p> |
| <p>ARGS is the list of arguments to pass to a possible form builder function. |
| </p> |
| <p>See: DEFFORM-BUILDER macro. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFORM"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFORM-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFORM-1">Function: <strong>CL-FORMS:RENDER-FORM</strong> <em>(&optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Top level function to render the web form FORM. |
| *FORM-RENDERER* and *FORM-THEME* need to be bound. |
| See: WITH-FORM-RENDERER, WITH-FORM-THEME |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFILL_002dFORM_002dFROM_002dMODEL"></span> |
| <span id="CL_002dFORMS_003aFILL_002dFORM_002dFROM_002dMODEL-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFILL_002dFORM_002dFROM_002dMODEL-1">Function: <strong>CL-FORMS:FILL-FORM-FROM-MODEL</strong> <em>(form model)</em></dt> |
| <dd> |
| <p>Fill a FORM from a MODEL. |
| Read MODEL using FORM accessors and set the FORM field values. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFORM_002dSTART"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFORM_002dSTART-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFORM_002dSTART-1">Function: <strong>CL-FORMS:RENDER-FORM-START</strong> <em>(&optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Render only the beggining of the web form FORM. |
| Use RENDER-FIELD, RENDER-FIELD-LABEL, etc manually, after. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORM_002dVALID_002dP"></span> |
| <span id="CL_002dFORMS_003aFORM_002dVALID_002dP-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORM_002dVALID_002dP-1">Function: <strong>CL-FORMS:FORM-VALID-P</strong> <em>(form)</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFIELD_002dWIDGET"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFIELD_002dWIDGET-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFIELD_002dWIDGET-1">Function: <strong>CL-FORMS:RENDER-FIELD-WIDGET</strong> <em>(field &optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Render FIELD widget. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aADD_002dFORM_002dERROR"></span> |
| <span id="CL_002dFORMS_003aADD_002dFORM_002dERROR-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aADD_002dFORM_002dERROR-1">Function: <strong>CL-FORMS:ADD-FORM-ERROR</strong> <em>(field error-msg &optional (form *form*))</em></dt> |
| <dd> |
| <p>Add an error on FIELD |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFILL_002dMODEL_002dFROM_002dFORM"></span> |
| <span id="CL_002dFORMS_003aFILL_002dMODEL_002dFROM_002dFORM-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFILL_002dMODEL_002dFROM_002dFORM-1">Function: <strong>CL-FORMS:FILL-MODEL-FROM-FORM</strong> <em>(form model)</em></dt> |
| <dd> |
| <p>Set a MODEL’s values from FORM field values. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aGET_002dFIELD_002dVALUE"></span> |
| <span id="CL_002dFORMS_003aGET_002dFIELD_002dVALUE-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aGET_002dFIELD_002dVALUE-1">Function: <strong>CL-FORMS:GET-FIELD-VALUE</strong> <em>(form field-name &optional (error-p t))</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aGET_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aGET_002dFIELD-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aGET_002dFIELD-1">Function: <strong>CL-FORMS:GET-FIELD</strong> <em>(form field-name &optional (error-p t))</em></dt> |
| </dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFORM_002dERRORS"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFORM_002dERRORS-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFORM_002dERRORS-1">Function: <strong>CL-FORMS:RENDER-FORM-ERRORS</strong> <em>(&optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Render a section for displaying form validation errors. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFIELD_002dERRORS"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFIELD_002dERRORS-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFIELD_002dERRORS-1">Function: <strong>CL-FORMS:RENDER-FIELD-ERRORS</strong> <em>(field &optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Render the validation errors associated with FIELD. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aRENDER_002dFIELD_002dLABEL"></span> |
| <span id="CL_002dFORMS_003aRENDER_002dFIELD_002dLABEL-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aRENDER_002dFIELD_002dLABEL-1">Function: <strong>CL-FORMS:RENDER-FIELD-LABEL</strong> <em>(field &optional (form *form*) &rest args)</em></dt> |
| <dd> |
| <p>Render the label of FIELD. |
| </p></dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aREMOVE_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aREMOVE_002dFIELD-function"></span><dl> |
| <dt id="index-CL_002dFORMS_003aREMOVE_002dFIELD-1">Function: <strong>CL-FORMS:REMOVE-FIELD</strong> <em>(form field)</em></dt> |
| </dl> |
|
|
| <span id="Classes"></span><h4 class="subheading">Classes</h4> |
| <span id="index-CL_002dFORMS_003aPASSWORD_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aPASSWORD_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aPASSWORD_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:PASSWORD-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A password input field |
| </p> |
| <p>Class precedence list: <code>password-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aBOOLEAN_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aBOOLEAN_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aBOOLEAN_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:BOOLEAN-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A boolean input |
| </p> |
| <p>Class precedence list: <code>boolean-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aSTRING_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aSTRING_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aSTRING_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:STRING-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A string input field |
| </p> |
| <p>Class precedence list: <code>string-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aDATE_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aDATE_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aDATE_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:DATE-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A date input field |
| </p> |
| <p>Class precedence list: <code>date-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aDATETIME_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aDATETIME_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aDATETIME_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:DATETIME-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A date input field |
| </p> |
| <p>Class precedence list: <code>datetime-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORM"></span> |
| <span id="CL_002dFORMS_003aFORM-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORM-1">Class: <strong>CL-FORMS:FORM</strong></dt> |
| <dd> |
| <p>A form |
| </p> |
| <p>Class precedence list: <code>form, standard-object, t</code> |
| </p> |
| <p>Slots: |
| </p><ul> |
| <li> <code>id</code> — initarg: <code>:id</code>; reader: <code><span class="nolinebreak">cl-forms::form-id</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-id)</span></code> |
|
|
| <p>The form id</p></li><li> <code>name</code> — initarg: <code>:name</code>; reader: <code><span class="nolinebreak">cl-forms::form-name</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-name)</span></code> |
|
|
| <p>The form name</p></li><li> <code>action</code> — initarg: <code>:action</code>; reader: <code><span class="nolinebreak">cl-forms::form-action</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-action)</span></code> |
|
|
| <p>The form action</p></li><li> <code>method</code> — initarg: <code>:method</code>; reader: <code><span class="nolinebreak">cl-forms::form-method</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-method)</span></code> |
|
|
| <p>The form method</p></li><li> <code>enctype</code> — initarg: <code>:enctype</code>; reader: <code><span class="nolinebreak">cl-forms::form-enctype</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-enctype)</span></code> |
|
|
| <p>Form encoding type. i.e. Use multipart/form-data for file uploads</p></li><li> <code>fields</code> — initarg: <code>:fields</code>; reader: <code><span class="nolinebreak">cl-forms:form-fields</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms:form-fields)</span></code> |
|
|
| <p>Form fields</p></li><li> <code>model</code> — initarg: <code>:model</code>; reader: <code><span class="nolinebreak">cl-forms::form-model</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-model)</span></code> |
|
|
| <p>The form model object</p></li><li> <code>csrf-protection</code> — initarg: <code><span class="nolinebreak">:csrf-protection</span></code>; reader: <code><span class="nolinebreak">cl-forms::form-csrf-protection-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-csrf-protection-p)</span></code> |
|
|
| <p>T when csrf protection is enabled</p></li><li> <code>csrf-field-name</code> — initarg: <code><span class="nolinebreak">:csrf-field-name</span></code>; reader: <code><span class="nolinebreak">cl-forms::form-csrf-field-name</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::form-csrf-field-name)</span></code> |
|
|
| <p>csrf field name</p></li><li> <code>errors</code> — reader: <code><span class="nolinebreak">cl-forms:form-errors</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms:form-errors)</span></code> |
|
|
| <p>Form errors after validation. An association list with elements (<field> . <field errors strings list>).</p></li><li> <code>display-errors</code> — initarg: <code><span class="nolinebreak">:display-errors</span></code>; reader: <code><span class="nolinebreak">cl-forms::display-errors</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::display-errors)</span></code> |
|
|
| <p>A list containing the places where to display errors. Valid options are :list and :inline</p></li><li> <code>client-validation</code> — initarg: <code><span class="nolinebreak">:client-validation</span></code>; reader: <code><span class="nolinebreak">cl-forms::client-validation</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::client-validation)</span></code> |
|
|
| <p>When T, form client validation is enabled</p></li></ul> |
|
|
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFORM_002dFIELD-1">Class: <strong>CL-FORMS:FORM-FIELD</strong></dt> |
| <dd> |
| <p>A form field |
| </p> |
| <p>Class precedence list: <code>form-field, standard-object, t</code> |
| </p> |
| <p>Slots: |
| </p><ul> |
| <li> <code>name</code> — initarg: <code>:name</code>; reader: <code><span class="nolinebreak">cl-forms::field-name</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-name)</span></code> |
|
|
| <p>The field name</p></li><li> <code>label</code> — initarg: <code>:label</code>; reader: <code><span class="nolinebreak">cl-forms:field-label</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms:field-label)</span></code> |
|
|
| <p>The field label</p></li><li> <code>value</code> — initarg: <code>:value</code> |
|
|
| <p>Field value</p></li><li> <code>default-value</code> — initarg: <code><span class="nolinebreak">:default-value</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-default-value</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-default-value)</span></code> |
|
|
| <p>Value to use when the field value is nil</p></li><li> <code>placeholder</code> — initarg: <code>:placeholder</code>; reader: <code><span class="nolinebreak">cl-forms::field-placeholder</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-placeholder)</span></code> |
|
|
| <p>Field placeholder (text that appears when the field is empty)</p></li><li> <code>help-text</code> — initarg: <code><span class="nolinebreak">:help-text</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-help-text</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-help-text)</span></code> |
|
|
| <p>Field help text</p></li><li> <code>parser</code> — initarg: <code>:parser</code>; reader: <code><span class="nolinebreak">cl-forms:field-parser</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms:field-parser)</span></code> |
|
|
| <p>Custom field value parser</p></li><li> <code>formatter</code> — initarg: <code>:formatter</code>; reader: <code><span class="nolinebreak">cl-forms:field-formatter</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms:field-formatter)</span></code> |
|
|
| <p>The field formatter. The function takes two arguments, a VALUE and STREAM to format it into.</p></li><li> <code>constraints</code> — initarg: <code>:constraints</code>; reader: <code><span class="nolinebreak">cl-forms::field-constraints</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-constraints)</span></code> |
|
|
| <p>A list of CLAVIER validators.</p></li><li> <code>required</code> — initarg: <code><span class="nolinebreak">:required-p</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-required-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-required-p)</span></code> |
|
|
| <p>Whether the field is required</p></li><li> <code>required-message</code> — initarg: <code><span class="nolinebreak">:required-message</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-required-message</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-required-message)</span></code> |
|
|
| <p>Message to display when field is required</p></li><li> <code>invalid-message</code> — initarg: <code><span class="nolinebreak">:invalid-message</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-invalid-message</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-invalid-message)</span></code> |
|
|
| <p>Message to display when field is invalid</p></li><li> <code>read-only</code> — initarg: <code><span class="nolinebreak">:read-only-p</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-read-only-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-read-only-p)</span></code> |
|
|
| <p>Whether the field is read only</p></li><li> <code>disabled</code> — initarg: <code><span class="nolinebreak">:disabled-p</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-disabled-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-disabled-p)</span></code> |
|
|
| <p>Whether the field is disabled</p></li><li> <code>accessor</code> — initarg: <code>:accessor</code>; reader: <code><span class="nolinebreak">cl-forms:field-accessor</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms:field-accessor)</span></code> |
|
|
| <p>The field accessor to the underlying model</p></li><li> <code>reader</code> — initarg: <code>:reader</code> |
|
|
| <p>The function to use to read from the underlying model</p></li><li> <code>writer</code> — initarg: <code>:writer</code> |
|
|
| <p>The function to use to write to underlying model</p></li><li> <code>trim</code> — initarg: <code><span class="nolinebreak">:trim-p</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-trim-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-trim-p)</span></code> |
|
|
| <p>Trim the input</p></li><li> <code>validation-triggers</code> — initarg: <code><span class="nolinebreak">:validation-triggers</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-validation-triggers</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-validation-triggers)</span></code> |
|
|
| <p>Client side validation triggers. A list of :change, :focus, :focusout, :focusin, etc</p></li><li> <code>form</code> — initarg: <code>:form</code>; reader: <code><span class="nolinebreak">cl-forms::field-form</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-form)</span></code> |
|
|
| <p>The form the field belongs to</p></li></ul> |
|
|
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aTEXT_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aTEXT_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aTEXT_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:TEXT-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A text field. Renders as a text area |
| </p> |
| <p>Class precedence list: <code>text-form-field, string-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aLIST_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aLIST_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aLIST_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:LIST-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A field that contains a list of elements (either other fields or subforms) |
| </p> |
| <p>Class precedence list: <code>list-form-field, form-field, standard-object, t</code> |
| </p> |
| <p>Slots: |
| </p><ul> |
| <li> <code>type</code> — initarg: <code>:type</code>; reader: <code><span class="nolinebreak">cl-forms::list-field-type</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::list-field-type)</span></code> |
|
|
| <p>The list elements type.</p></li><li> <code>empty-item-predicate</code> — initarg: <code><span class="nolinebreak">:empty-item-predicate</span></code>; reader: <code><span class="nolinebreak">cl-forms::empty-item-predicate</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::empty-item-predicate)</span></code> |
|
|
| <p>A predicate that tells when a list item is considered empty, and so it is removed from the list</p></li><li> <code>add-button</code> — initarg: <code><span class="nolinebreak">:add-button</span></code>; reader: <code><span class="nolinebreak">cl-forms::add-button-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::add-button-p)</span></code> |
|
|
| <p>Whether have a list ’ADD’ button or not</p></li><li> <code>remove-button</code> — initarg: <code><span class="nolinebreak">:remove-button</span></code>; reader: <code><span class="nolinebreak">cl-forms::remove-button-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::remove-button-p)</span></code> |
|
|
| <p>Whether add an item removal button or not</p></li></ul> |
|
|
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aSUBFORM_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aSUBFORM_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aSUBFORM_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:SUBFORM-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A field that contains a form (subform) |
| </p> |
| <p>Class precedence list: <code>subform-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aHIDDEN_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aHIDDEN_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aHIDDEN_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:HIDDEN-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A hidden form field |
| </p> |
| <p>Class precedence list: <code>hidden-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aINTEGER_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aINTEGER_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aINTEGER_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:INTEGER-FORM-FIELD</strong></dt> |
| <dd> |
| <p>An integer input field |
| </p> |
| <p>Class precedence list: <code>integer-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aEMAIL_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aEMAIL_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aEMAIL_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:EMAIL-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A string input field |
| </p> |
| <p>Class precedence list: <code>email-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aCHOICE_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aCHOICE_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aCHOICE_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:CHOICE-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A multi-purpose field used to allow the user to "choose" one or more options. It can be rendered as a select tag, radio buttons, or checkboxes. |
| NOTE: the defaults of this field type are too complicated for just working with string choices. STRING-CHOICE-FIELD is more convenient for that. |
| </p> |
| <p>Class precedence list: <code>choice-form-field, form-field, standard-object, t</code> |
| </p> |
| <p>Slots: |
| </p><ul> |
| <li> <code>choices</code> — initarg: <code>:choices</code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-choices)</span></code> |
|
|
| <p>An alist with the choices. Or a function with which to obtain the choices.</p></li><li> <code>preferred-choices</code> — initarg: <code><span class="nolinebreak">:preferred-choices</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-preferred-choices</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-preferred-choices)</span></code> |
|
|
| <p>If this option is specified, then a sub-set of all of the options will be moved to the top of the select menu.</p></li><li> <code>expanded</code> — initarg: <code>:expanded</code>; reader: <code><span class="nolinebreak">cl-forms::field-expanded</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-expanded)</span></code> |
|
|
| <p>If set to true, radio buttons or checkboxes will be rendered (depending on the multiple value). If false, a select element will be rendered.</p></li><li> <code>multiple</code> — initarg: <code>:multiple</code>; reader: <code><span class="nolinebreak">cl-forms::field-multiple</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-multiple)</span></code> |
|
|
| <p>If true, the user will be able to select multiple options (as opposed to choosing just one option). Depending on the value of the expanded option, this will render either a select tag or checkboxes if true and a select tag or radio buttons if false.</p></li><li> <code>key-reader</code> — initarg: <code><span class="nolinebreak">:key-reader</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-key-reader</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-key-reader)</span></code> |
|
|
| <p>Function to read the option key from the request</p></li><li> <code>hash-function</code> — initarg: <code><span class="nolinebreak">:hash-function</span></code>; reader: <code><span class="nolinebreak">cl-forms::field-hash-function</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-hash-function)</span></code> |
|
|
| <p>The function to use for choices key</p></li><li> <code>test</code> — initarg: <code>:test</code>; reader: <code><span class="nolinebreak">cl-forms::field-test</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::field-test)</span></code> |
|
|
| <p>Function to test equality between choices</p></li><li> <code>use-key-as-value</code> — initarg: <code><span class="nolinebreak">:use-key-as-value</span></code>; reader: <code><span class="nolinebreak">cl-forms::use-key-as-value</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::use-key-as-value)</span></code> |
|
|
| <p>When T, use the key/s of the field as value of the field when it is read from request</p></li></ul> |
|
|
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aSUBMIT_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aSUBMIT_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aSUBMIT_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:SUBMIT-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A submit input button |
| </p> |
| <p>Class precedence list: <code>submit-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aURL_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aURL_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aURL_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:URL-FORM-FIELD</strong></dt> |
| <dd> |
| <p>An url input field |
| </p> |
| <p>Class precedence list: <code>url-form-field, form-field, standard-object, t</code> |
| </p> |
| </dd></dl> |
|
|
| <span id="index-CL_002dFORMS_003aFILE_002dFORM_002dFIELD"></span> |
| <span id="CL_002dFORMS_003aFILE_002dFORM_002dFIELD-class"></span><dl> |
| <dt id="index-CL_002dFORMS_003aFILE_002dFORM_002dFIELD-1">Class: <strong>CL-FORMS:FILE-FORM-FIELD</strong></dt> |
| <dd> |
| <p>A file input field |
| </p> |
| <p>Class precedence list: <code>file-form-field, form-field, standard-object, t</code> |
| </p> |
| <p>Slots: |
| </p><ul> |
| <li> <code>multiple</code> — initarg: <code><span class="nolinebreak">:multiple-p</span></code>; reader: <code><span class="nolinebreak">cl-forms::multiple-p</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::multiple-p)</span></code> |
|
|
| <p>If this fields handles multiple file uploads</p></li><li> <code>upload-handler</code> — initarg: <code><span class="nolinebreak">:upload-handler</span></code>; reader: <code><span class="nolinebreak">cl-forms::upload-handler</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::upload-handler)</span></code> |
|
|
| <p>Function that handles the file upload</p></li><li> <code>accept</code> — initarg: <code>:accept</code>; reader: <code><span class="nolinebreak">cl-forms::file-accept</span></code>; writer: <code>(setf <span class="nolinebreak">cl-forms::file-accept)</span></code> |
|
|
| <p>Files accepted. See https://www.w3schools.com/tags/att_input_accept.asp</p></li></ul> |
|
|
| </dd></dl> |
|
|
|
|
|
|
| <hr> |
| <span id="Index"></span><div class="header"> |
| <p> |
| Previous: <a href="#API" accesskey="p" rel="prev">API</a>, Up: <a href="#Top" accesskey="u" rel="up">Top</a> [<a href="#SEC_Contents" title="Table of contents" rel="contents">Contents</a>][<a href="#Index" title="Index" rel="index">Index</a>]</p> |
| </div> |
| <span id="Index-1"></span><h2 class="chapter">5 Index</h2> |
|
|
| <table><tr><th valign="top">Jump to: </th><td><a class="summary-letter" href="#Index_cp_letter-C"><b>C</b></a> |
| |
| </td></tr></table> |
| <table class="index-cp" border="0"> |
| <tr><td></td><th align="left">Index Entry</th><td> </td><th align="left"> Section</th></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| <tr><th id="Index_cp_letter-C">C</th><td></td><td></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-cl_002dforms">cl-forms</a>:</td><td> </td><td valign="top"><a href="#Top">Top</a></td></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| </table> |
| <table><tr><th valign="top">Jump to: </th><td><a class="summary-letter" href="#Index_cp_letter-C"><b>C</b></a> |
| |
| </td></tr></table> |
| <table><tr><th valign="top">Jump to: </th><td><a class="summary-letter" href="#Index_vr_symbol-1"><b>*</b></a> |
| |
| <br> |
| <a class="summary-letter" href="#Index_vr_letter-C"><b>C</b></a> |
| |
| </td></tr></table> |
| <table class="index-vr" border="0"> |
| <tr><td></td><th align="left">Index Entry</th><td> </td><th align="left"> Section</th></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| <tr><th id="Index_vr_symbol-1">*</th><td></td><td></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-_002aBASE64_002dENCODE_002a"><code>*BASE64-ENCODE*</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| <tr><th id="Index_vr_letter-C">C</th><td></td><td></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003a_002aBASE64_002dENCODE_002a"><code>CL-FORMS:*BASE64-ENCODE*</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| </table> |
| <table><tr><th valign="top">Jump to: </th><td><a class="summary-letter" href="#Index_vr_symbol-1"><b>*</b></a> |
| |
| <br> |
| <a class="summary-letter" href="#Index_vr_letter-C"><b>C</b></a> |
| |
| </td></tr></table> |
| <table><tr><th valign="top">Jump to: </th><td><a class="summary-letter" href="#Index_fn_letter-C"><b>C</b></a> |
| |
| </td></tr></table> |
| <table class="index-fn" border="0"> |
| <tr><td></td><th align="left">Index Entry</th><td> </td><th align="left"> Section</th></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| <tr><th id="Index_fn_letter-C">C</th><td></td><td></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aADD_002dFIELD"><code>CL-FORMS:ADD-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aADD_002dFIELD-1"><code>CL-FORMS:ADD-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aADD_002dFORM_002dERROR"><code>CL-FORMS:ADD-FORM-ERROR</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aADD_002dFORM_002dERROR-1"><code>CL-FORMS:ADD-FORM-ERROR</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aDEFFORM"><code>CL-FORMS:DEFFORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aDEFFORM-1"><code>CL-FORMS:DEFFORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aDEFFORM_002dBUILDER"><code>CL-FORMS:DEFFORM-BUILDER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aDEFFORM_002dBUILDER-1"><code>CL-FORMS:DEFFORM-BUILDER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dACCESSOR"><code>CL-FORMS:FIELD-ACCESSOR</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dACCESSOR-1"><code>CL-FORMS:FIELD-ACCESSOR</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dFORMATTER"><code>CL-FORMS:FIELD-FORMATTER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dFORMATTER-1"><code>CL-FORMS:FIELD-FORMATTER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dLABEL"><code>CL-FORMS:FIELD-LABEL</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dLABEL-1"><code>CL-FORMS:FIELD-LABEL</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dPARSER"><code>CL-FORMS:FIELD-PARSER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dPARSER-1"><code>CL-FORMS:FIELD-PARSER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dREADER"><code>CL-FORMS:FIELD-READER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dREADER-1"><code>CL-FORMS:FIELD-READER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dVALID_002dP"><code>CL-FORMS:FIELD-VALID-P</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dVALID_002dP-1"><code>CL-FORMS:FIELD-VALID-P</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dVALUE"><code>CL-FORMS:FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dVALUE-1"><code>CL-FORMS:FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dWRITER"><code>CL-FORMS:FIELD-WRITER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIELD_002dWRITER-1"><code>CL-FORMS:FIELD-WRITER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFILL_002dFORM_002dFROM_002dMODEL"><code>CL-FORMS:FILL-FORM-FROM-MODEL</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFILL_002dFORM_002dFROM_002dMODEL-1"><code>CL-FORMS:FILL-FORM-FROM-MODEL</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFILL_002dMODEL_002dFROM_002dFORM"><code>CL-FORMS:FILL-MODEL-FROM-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFILL_002dMODEL_002dFROM_002dFORM-1"><code>CL-FORMS:FILL-MODEL-FROM-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIND_002dFORM"><code>CL-FORMS:FIND-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFIND_002dFORM-1"><code>CL-FORMS:FIND-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORM_002dERRORS"><code>CL-FORMS:FORM-ERRORS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORM_002dERRORS-1"><code>CL-FORMS:FORM-ERRORS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORM_002dFIELDS"><code>CL-FORMS:FORM-FIELDS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORM_002dFIELDS-1"><code>CL-FORMS:FORM-FIELDS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORM_002dVALID_002dP"><code>CL-FORMS:FORM-VALID-P</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORM_002dVALID_002dP-1"><code>CL-FORMS:FORM-VALID-P</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE"><code>CL-FORMS:FORMAT-FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE-1"><code>CL-FORMS:FORMAT-FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE_002dTO_002dSTRING"><code>CL-FORMS:FORMAT-FIELD-VALUE-TO-STRING</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aFORMAT_002dFIELD_002dVALUE_002dTO_002dSTRING-1"><code>CL-FORMS:FORMAT-FIELD-VALUE-TO-STRING</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aGET_002dFIELD"><code>CL-FORMS:GET-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aGET_002dFIELD-1"><code>CL-FORMS:GET-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aGET_002dFIELD_002dVALUE"><code>CL-FORMS:GET-FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aGET_002dFIELD_002dVALUE-1"><code>CL-FORMS:GET-FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aGET_002dFORM"><code>CL-FORMS:GET-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aGET_002dFORM-1"><code>CL-FORMS:GET-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aHANDLE_002dREQUEST"><code>CL-FORMS:HANDLE-REQUEST</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aHANDLE_002dREQUEST-1"><code>CL-FORMS:HANDLE-REQUEST</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aMAKE_002dFORMATTER"><code>CL-FORMS:MAKE-FORMATTER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aMAKE_002dFORMATTER-1"><code>CL-FORMS:MAKE-FORMATTER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aREMOVE_002dFIELD"><code>CL-FORMS:REMOVE-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aREMOVE_002dFIELD-1"><code>CL-FORMS:REMOVE-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD"><code>CL-FORMS:RENDER-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD-1"><code>CL-FORMS:RENDER-FIELD</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD_002dERRORS"><code>CL-FORMS:RENDER-FIELD-ERRORS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD_002dERRORS-1"><code>CL-FORMS:RENDER-FIELD-ERRORS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD_002dLABEL"><code>CL-FORMS:RENDER-FIELD-LABEL</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD_002dLABEL-1"><code>CL-FORMS:RENDER-FIELD-LABEL</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD_002dWIDGET"><code>CL-FORMS:RENDER-FIELD-WIDGET</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFIELD_002dWIDGET-1"><code>CL-FORMS:RENDER-FIELD-WIDGET</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM"><code>CL-FORMS:RENDER-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM-1"><code>CL-FORMS:RENDER-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM_002dEND"><code>CL-FORMS:RENDER-FORM-END</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM_002dEND-1"><code>CL-FORMS:RENDER-FORM-END</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM_002dERRORS"><code>CL-FORMS:RENDER-FORM-ERRORS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM_002dERRORS-1"><code>CL-FORMS:RENDER-FORM-ERRORS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM_002dSTART"><code>CL-FORMS:RENDER-FORM-START</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aRENDER_002dFORM_002dSTART-1"><code>CL-FORMS:RENDER-FORM-START</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aSET_002dFIELD_002dVALUE"><code>CL-FORMS:SET-FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aSET_002dFIELD_002dVALUE-1"><code>CL-FORMS:SET-FIELD-VALUE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aVALIDATE_002dFORM"><code>CL-FORMS:VALIDATE-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aVALIDATE_002dFORM-1"><code>CL-FORMS:VALIDATE-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM"><code>CL-FORMS:WITH-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM-1"><code>CL-FORMS:WITH-FORM</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dFIELD_002dVALUES"><code>CL-FORMS:WITH-FORM-FIELD-VALUES</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dFIELD_002dVALUES-1"><code>CL-FORMS:WITH-FORM-FIELD-VALUES</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dFIELDS"><code>CL-FORMS:WITH-FORM-FIELDS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dFIELDS-1"><code>CL-FORMS:WITH-FORM-FIELDS</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dRENDERER"><code>CL-FORMS:WITH-FORM-RENDERER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dRENDERER-1"><code>CL-FORMS:WITH-FORM-RENDERER</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dTEMPLATE"><code>CL-FORMS:WITH-FORM-TEMPLATE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dTEMPLATE-1"><code>CL-FORMS:WITH-FORM-TEMPLATE</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dTHEME"><code>CL-FORMS:WITH-FORM-THEME</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td></td><td valign="top"><a href="#index-CL_002dFORMS_003aWITH_002dFORM_002dTHEME-1"><code>CL-FORMS:WITH-FORM-THEME</code></a>:</td><td> </td><td valign="top"><a href="#CL_002dFORMS-package">CL-FORMS package</a></td></tr> |
| <tr><td colspan="4"> <hr></td></tr> |
| </table> |
| <table><tr><th valign="top">Jump to: </th><td><a class="summary-letter" href="#Index_fn_letter-C"><b>C</b></a> |
| |
| </td></tr></table> |
|
|
| <hr> |
|
|
|
|
|
|
| </body> |
| </html> |
|
|