adding form field client-side validation.

Author: jflearn

README.md

@@ -8,7 +8,8 @@ These include:
   - a *shortcode* with which to insert a user form into any content area;
   - a *form widget* that presents a user form (requires
     [silverstripe/widgets](https://github.com/silverstripe/silverstripe-widgets));
-  - various new *form fields*.
+  - various *additional validations* for existing form fields;
+  - various *new form fields*.
 
 ## Installation
 
@@ -43,7 +44,14 @@ You have the ability to customize display with the following options:
  - **Show form content?** - Chose whether to display the content of the form
    page.
 
-## Form Fields
+## Additional Field Validations
+
+### Maximum File Size
+
+The maximum file size for a form fields will now be checked prior to submission.
+This is much more responsive for the user.
+
+## New Form Fields
 
 This module provides a selection of new field types to use with your user forms.
 

_config/config.yml

@@ -1,3 +1,4 @@
 ---
 Name: userforms-utils
----
+After: 'userforms/*'
+---

templates/SilverStripe/UserForms/Model/EditableFormField/EditableFileField.ss

@@ -0,0 +1,8 @@
+<% require javascript('silverstripe/userforms:client/dist/js/jquery-validation/additional-methods.min.js') %>
+<input type="hidden" name="MAX_FILE_SIZE" value="$MaxFileSize" />
+<input $AttributesHTML<% if $RightTitle %> aria-describedby="{$Name}_right_title"<% end_if %>/>
+<script type="text/javascript">
+	jQuery(document).ready(function() {
+		jQuery('#{$ID}').rules('add', {maxsize: $MaxFileSize});
+	});
+</script>