| <script> | |
| Mura(function(m) { | |
| window.customFormValidation = function(theform) { | |
| // example validation | |
| if (theform.somefield.value === '') { | |
| alert('Please enter a value in somefield'); | |
| theform.somefield.focus(); | |
| return false; | |
| } |
This is just an example to build upon and in no way represents best practice. You most like would use a web component framework like React.js or Vue.js with Mura.js rather than vanilla js.
For this to work:
You must be on Mura 7.1.137 or greater
set your site's contentRenderer.cfc's this.hashURLs=true;
| <!--- | |
| Add this to a Mura Event Handler | |
| You could also use some logic such as | |
| <cfif m.currentUser().isInGroup('some group')> then display something </cfif> | |
| ---> | |
| <cffunction name="onFEToolbarExtensionRender"> | |
| <cfset str = ""/> | |
| <cfsavecontent variable="str"> | |
| <cfoutput> | |
| <ul id="tools-mycustom-tools"> |
| <cfparam name="form.issubmitted" default="false"/> | |
| <cfoutput> | |
| <form id="frm-temp" action="" method="post"> | |
| <input type="text" name="testing" /> | |
| #$.dspReCAPTCHA()# | |
| <button type="submit" class="btn btn-primary">Submit</button> | |
| <input type="hidden" name="issubmitted" value="true"/> | |
| </form> |
| <!--- | |
| save this file somewhere under your theme (e.g, custom/tracking-form.cfm), | |
| then use [m]$.dspThemeInclude('custom/tracking-form.cfm')[/m] to display it | |
| ---> | |
| <form id="trackingform" method="post"> | |
| <div class="form-group"> | |
| <label for="trackingnumber">Tracking Number</label> | |
| <input type="text" name="trackingnumber" class="form-control" placeholder="Enter tracking number ..." /> | |
| </div> | |
| /** | |
| * Amazon S3 REST Wrapper | |
| * Version Date: 2015-09-03 | |
| * | |
| * Copyright 2015 CF Webtools | cfwebtools.com | |
| * | |
| * Licensed under the Apache License, Version 2.0 (the "License"); | |
| * you may not use this file except in compliance with the License. | |
| * You may obtain a copy of the License at | |
| * |
| /* | |
| Mura forms are loaded asynchronously. So, if you wish to run some scripts, you need | |
| to use a special method to `reopen` the form, and add your scripts using | |
| `Mura.DisplayObject.Form.reopen({})` | |
| The most commonly needed examples are described below. | |
| */ |
7.1 was designed with a Docker first work flow in mind.
Docker allows increased support for Continuous Deployment and Testing, Multi-Cloud Platforms, Environment Standardization and Version Control. As well as better Isolation and Security (stolen from https://dzone.com/articles/5-key-benefits-docker-ci)
| <cfscript> | |
| this.cache.connections["sessions"] = { | |
| class: 'org.lucee.extension.io.cache.memcache.MemCacheRaw' | |
| , bundleName: 'memcached.extension' | |
| , bundleVersion: '3.0.2.29' | |
| , storage: true | |
| , custom: { | |
| "socket_timeout":"30", | |
| "initial_connections":"1", | |
| "alive_check":"true", |