As was mentioned earlier, if you're going to create a custom form like
that, in place of </form>, you need to include {{=form.custom.end}}. The
reason is that web2py forms include two hidden fields, _formname and
_formkey, and form.custom.end will add those hidden fields. They are used
to protect against double form submission and CSRF attacks. See
http://web2py.com/books/default/chapter/29/7#Hidden-fields and
http://web2py.com/books/default/chapter/29/7#Custom-forms.
Anthony
On Sunday, July 8, 2012 7:14:51 PM UTC-4, Chris wrote:
>
>
> Now I have the custom page (e.g. register) displays correctly, however,
> when I submit the form *nothing happens - the form just clears itself
> with no error msg or anything*.
>
> My 'register' action in controller is:
>
> def register():
> return dict(form=auth.register())
>
> My 'layout.html' is as follows:
>
> <!DOCTYPE html>
> <html class="no-js" lang="{{=T.accepted_language or 'en'}}">
> <head>
> <meta charset="utf-8" />
> <title>{{=response.title or request.application}}</title>
> <meta name="application-name" content="{{=request.application}}" />
>
> <!-- for Google -->
> <meta name="google-site-verification" content="my_code" />
> <!-- Mobile Viewport Fix
> j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
> device-width: Occupy full width of the screen in its current orientation
> initial-scale = 1.0 retains dimensions instead of zooming out if page
> height > device height
> user-scalable = yes allows the user to zoom in -->
> <meta name="viewport" content="width=device-width, initial-scale=1.0,
> user-scalable=yes">
>
> <!-- All JavaScript at the bottom, except for Modernizr which enables
> HTML5 elements & feature detects -->
> <script src="{{=URL('static','js/modernizr.custom.js')}}"></script>
>
> <!-- include stylesheets -->
> {{
> response.files.append(URL('static','css/bootstrap.min.css'))
>
> response.files.append(URL('static','css/bootstrap-responsive.min.css'))
> }}
>
> {{include 'web2py_ajax.html'}}
>
> </head>
> <body class="{{=body_class}}">
> {{include}}
> {{if response.google_analytics_id:}}<script type="text/javascript"> var
> _gaq = _gaq || []; _gaq.push(['_setAccount',
> '{{=response.google_analytics_id}}']); _gaq.push(['_trackPageview']);
> (function() { var ga = document.createElement('script'); ga.type =
> 'text/javascript'; ga.async = true; ga.src = ('https:' ==
> document.location.protocol ? 'https://ssl' : 'http://www') + '.
> google-analytics.com/ga.js'; var s =
> document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga,
> s); })(); </script> {{pass}}
> </body>
> </html>
>
> And my 'register.html' view is:
>
> {{body_class = 'own'}}
> {{
> response.files.append(URL('static', 'css/jquery.h5form-2.4.1.css'))
> response.files.append(URL('static', 'css/own.css'))
> }}
> {{extend 'layout.html'}}
> <div class="container own-container">
> <h1>Sign up</h1>
> <h5>Create Your Account</h5>
> <div class="row">
> <div class="span12">
> <form action="" enctype="multipart/form-data" method="post"
> class="own-form h5form">
> <div class="own-labels">
> <label>First name<sup>*</sup></label>
> <input type="text" name="first_name" class="span3"
> placeholder="enter first name ..." required="required" tabindex="0">
> <label>Last name<sup>*</sup></label>
> <input type="text" name="last_name" class="span3"
> placeholder="enter last name ..." required="required" tabindex="1">
> <label>Email<sup>*</sup></label>
> <input type="email" name="email" class="span3"
> placeholder="enter email ..." required="required" tabindex="2">
> <label>Password<sup>*</sup></label>
> <input type="password" name="password" class="span3"
> placeholder="enter password ..." required="required" tabindex="3">
> <label>Re-password<sup>*</sup></label>
> <input type="password" name="password" class="span3"
> placeholder="enter password again ..." required="required" tabindex="4">
> </div>
> <div class="pull-left">
> <label class="checkbox">
> <input type="checkbox" tabindex="5">I acknowledge
> that I have read and accept <a href="#">the Terms and Conditions</a>
> </label>
> <input type="submit" class="btn pull-right"
> style="margin-top: 15px;" value="Register">
> </div>
> </form>
> </div>
> </div>
> </div>
> <script src="{{=URL('static', 'js/jquery-1.7.2_min.js')}}"></script>
> <script src="{{=URL('static', 'js/jquery.h5form-2.4.1.min.js')}}"></script>
> <script src="{{=URL('static', 'js/own.js')}}"></script>
>
> As told by people earlier, in the form above, I match the 'name' attribute
> of each input field with the corresponding column name of the *auth_user
> *table.
> What is missing here?
>
