.
National Convention Registration Sample
This demo codes allow the developer to set multiple number of persons for a single registration.
HTML
<!-- minified via http://minifycode.com/html-minifier/-->
<head><base target='_blank'><meta name='viewport' content='width=device-width, initial-scale=1.0' /><title>Registration</title><link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/css/materialize.min.css'></head><body>
<div class="waves-light headerBanner"></div>
<div id="DivForm" class="main" style="max-width: 480px;margin: 40px auto;padding:10px;">
<div id="DivInfo" class="row" style="background-color:LemonChiffon;">
<div class="col s12">
<h3 class="center-align teal-text">Registration</h3>
<a name="test"></a>
<p>1)Download <a href="#test" target="_self" onclick="window.location.assign('https://drive.google.com/uc?export=download&id=<FILE_ID>');">Hard Copy</a>.</p>
<p>2)Fill out the following form.</p>
</div>
</div>
<!--Begin Form Section -->
<form id="FormPerson" >
<div id="FormHeader">
<div class="input-field col s12">
<i class="material-icons prefix">group_work</i>
<select id="state" name="state"></select>
</div>
<div class="input-field col s12">
<i class="material-icons prefix">group_work</i>
<select id="division" name="division"></select>
</div>
</div>
<div id="FormBody"></div>
<div id="FormFooter" align="right" >
<input type="button" value="Send" class="btn"
onclick="sendForm()" />
</div>
</form>
<!--End Form Section -->
</div>
<div id="DivProgress" class="center-align" style="display: none;max-width: 480px;margin: 40px auto;padding:10px;">
<p class="imageUploading"></p>
<p>Uploading. Please wait...</p>
</div>
<div id="DivDone" class="center-align" style="display: none;max-width: 480px;margin: 40px auto;padding:10px;">
<p class="imageDone"></p>
<p>Done</p>
<input type="button" value="New Registration" class="btn"
onclick="newForm()" />
</div>
<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.1.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.0/js/materialize.min.js'></script> </body>
|
CSS
.headerBanner{height:50px;
background:url('data:image/jpeg;base64,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');
}
.imageUploading {margin:auto;width:200px;height:128px;
background:url('data:image/gif;base64,R0lGODlhyABkAOZ/AKioqJ6enqysrG1tbaSkpKKion19fYKCgqqqqkpKSqampl1dXY6OjmlpaYaGhnt7e1ZWVmBgYHd3d4qKikhISFpaWkZGRmZmZpCQkISEhFFRUVhYWGRkZIyMjJaWlrq6upmZmURERLKysu7u7tXV1f39/Z2dnfDw8L29vdfX18nJyfj4+Onp6f7+/vz8/Nvb2/n5+bu7u7CwsPr6+vv7+/Hx8cHBwc/Pz7GxseXl5cfHx/b29u/v77e3t9zc3LOzs0xMTNbW1t/f39TU1MPDw7y8vN7e3szMzOvr6+rq6ufn5/f398bGxuHh4fX19cvLy93d3fT09MTExLW1tba2tsrKyr+/v+3t7bm5uebm5uLi4vPz8+zs7NDQ0MXFxc3Nzdra2s7Ozri4uMDAwODg4L6+vtHR0djY2NnZ2dLS0sjIyOjo6OTk5PLy8pubm9PT08LCwrS0tJycnJqamuPj46CgoKGhoUVFRXR0dK6urlNTU01NTXl5eZKSkq+vr////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRDM4RjA1MDE0QTRFMTExQTM3MjlDMzc0ODND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') no-repeat;}
.imageDone {margin:auto;width:128px;height:128px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAQGUlEQVR42u1dW4xdVRn+R0AlCjF4o4KRCMaEaEJieFBjgMSY6AMBQ2PxRuy0Z2Y6M52ooUSpmQdReYAXwyUmxvhiE6oBIgkU25lzmekUaIEGhFI0EkM0KYaL7dBg51z8vn+ttbvmcOZ2ztln39ZKdubMzD57r/V/a/3rvy+R0EILLbTQQgsttNBCCy20PLYhaclQC9d0S96zea+c0+ni/3gP79XvhJa9Nj1tAJ4uy7nX4CKoXT8L39Vn4NJnTnf/rNBialyxm1tyDoFa7b7JR+XC8Xn5xEhNrtxekau3V+VLYzW5hhc/82/8H+/hvas9i+/iO1utwCUSW+VclZ1W5FaCPCfXjlRlYnRO7gWo+/D5uVJVTuDnYqkijbF5ae1YkNb4k+biZ/6N/9N7zL3P8bv6DDyLz+SzN9KX0Pq61LHS7T7t/7l0RDYBqJtKBqjDAO/U+BPS2vmMuSaPAGT8PnZQWgCzhXtbIxVplszVsFeTf+P/eA/v5Xf4Xfcc/s5n6zvMxLqJ727fMthHCZyhvyy+nb2PlOUyrMiR0YPy2GhN3po4bEF60gAIoBq4lngBsPoykKt6tVa4mv7k0O/a5/CZfDbfwXfxnXw3+8C+sE/t20TYIvqwt7vfsbLOH1mQG0fn5SEAsairmyDMK3AGKIJWWRXg3i7HNezE4rsn7eRjn9g39pF9jfodZIUuWL0H/PAh+Tj2510g7nGuOrJlXeUVqROEWAFfx4SwHKbOPrFvE2ZSHmef2Xd/IoStYY2m+6dtO8py8Y6DcsfYgpzgCttxyApplYRBX20yVMx2w76yz+w7x8CxdBpjaL4kbYW7rQ/LBVhNux3wKp3bPTh1oK9wORmEfXcTgWPi2JywGLQGT1iKhLua3AyV7CUf+FSu9o3IDN5E4Ng4xk5jL6xap/t8Wa6A6vWgqmyH7IrPMvDtHMFOBI6NY+RYOeZoSyiabODvg6NV2QYW+ebk01aar2SH1XcxEVS15Fg5Zo69cLKBY3vD++QiSMt7SIzR+UiqbxXhUq2BKqQZ+x7SohBbwrQd4LZZ+QJWwLGdzxpi5Indb2hbwNhJA9KCNPFplLc2tNfq9rCebYEw9LaaVitqUGkV+SINSAvShLQhjSytciIXeMIeBnvbxFPWJl8glr8ObUENSaQNaZQf4dADH+rPXcryq9YuH4DvpCk0SCPSKvuTYDn49089qwPNtl4/GNPy0pSZBPdndxK0zu75Cv5Ra9QJIK/XkrhEmrlJsDdrfgQnycJFerdd+WcCsBu+zijtQMNMaQeuo9tnZZdlZWHld3vVzHZAWmZiEjhDxvYDsoUSLQIlwp7fq0wAGpKWpGmqjUXOm7etLFeNHZLTsHA1SuUAfs/yAGhIWpKmpK1P61RF77BTU2X50NicvKxGnnJ+bfoJTIKGxjWCtqRxlL+Qtn0fHX3AmnfDvh+DxVBpCxqnSh5wuj7i6rdaj14AP75riTQmrVPhQdS9CKwIYU+fginzpO77QeiL1VpIGpPWpLnYrTfx1V+alUc4M0vBvj8QV7LSGjRPlAt4Dp7NyvoD+AN1HtkFtzmZSUDWg6DG7z4uH0Bn/oEo2GaeI3nSGFlEmpP2xEADTAepFUSC36zcPmUk07D6B68a1q2V8PaBcgE3235Qk48igOF1BDhy5YfVP/irQdoTA2LhuHL8q996+baX5RcupKvAIGhmUJICITEgFj42se79DFUC+/kIXJZvIN69WVhbf8X8ZG5gkr4CYkAsiIlIVN0kZotfVW5lokOBffxN6OINu/rv05Rz8/vAFwMxsFjcGreFUGfXLWV5P2abkfwLuveXbNQOWPC0Loia/FKDXhIwgRMDxQKYEJvY6hs5NyQsUdczA7aoap/a5J9RKfxB0gPlZN5nJ8HDGsWTgExELGxW8vWxuYydyRERKn9GelOzkDZ/gDthilAcm3xCLnQFqSxn/BAAeBrh3UlwxiXFBNjE4i526gX80ZfiZadtWHezYOAbv/yCnBoty+d83RsEP9eaxMcTkY0qKpPwM2MGLvUx62+MX1VGCiv8ITyLbHZ4Vr7lJW+Y1HZc4/vlw7jnVdYXSkI2csIgMeq7MOhYCl7yF6v21Iu273N/h759ZztxPbvIPVYQTIo2dWJDjPq7DVhWgmJIH8PgThaN/dPkqo4XlIzz2P5QWyzE1ZDE67DK1ZNQBf1tQDECVj52fZH+8eBvFm31MxSL5V4QivWKGlqWm1ujsnWgzaGJdNDGcAFg1TdtINr/K3KPTe1aKorQBytbHcGY73CFtztcItY/a+WiFJjEVQ54Vvt+T//kAGtaxAueYo28wuj/NRt+NWPCr3xiOsFvJ6qAQTP4D50yaTCKERtiRKx87HqK9rXC3yY8fFFr8hVg/1ehDytp24zc22kleXv/79Ky+j1Vlf1hudtNPoa9Rv1cZ0ulNgoAfp11fMABaq5KuL+SHE1GK/IVygcjtXTJRMTI1l64ruc4Ac/5M14E/V8jbRa0iNO/Rw7IJe9Sp2zGM2oEn4fVf9Sy27RNAOccGu9ZDogEQGSp5n4CGDWqTnVueL9c28m/fs10lPT6w7TGQkQGIZtZ3NsEcPb/ijyubDHHKmC0cmZlZyfCuUiosap8EhPlvzQLp1QeMlsYMOvVIDTkBg7iPG/3lUZewbfu3d+vtGocN9DspxSHwKsmYOS1532bRdfqHw5JuAAPfU1t3DnUAAikGnHm5Aj96Z0qckTCcFW+Nv5UujkhMbJYvUbsulYHnfpAYYinaOTRBMzMWxCLBp/Xx/bLpzuyTJt9w8mB7xzD6kp3CPxZz+CiE2S7UgWj/R/n6OiAa1EQZGrUnZ7DuqDCkV0Oz8g3Vgqq9BJfd09lIwhWTz6xmF3ZtRwQGTsOytVjKTQAUV3r5bwAZzaF0PfTlfZ9l/tYmpfLQYO3NQ4wC1zQmLFbxK5rW0A0AXCiFomdov2/aQF8VQ+P6KLMbBTWVZE/ruY0cRxBo6AylPtIrIgZset5AvBYtbT4AFxiJGb4PoZggcXdjgidkxacxrr6eDas6wUKSW6Vr2gFLcsNExlTgZ1PgNjlZwK41Oh5hKTNyGddP/kZgtyfWEfHlZpfiU1bCZnWvpNuf+xIHCv4/fgoch9r2ct97OsESM0WwCwYE427W1fmb+S8ZYdNzMmN6OeLttJm5+hcG9ZVmjFZtdNrsH7IB7/Kogu8r1sAfeFJC4GRg6MsL7VXz/SPm8HZPB/ErP85VvlpZ7l0K9d5+Fwa1Yrgn61ueiW2l3fws5Em7WdDQmClByEwZWogy6UxOudk6YD1crWpbP4g0d/PgwCPMDpGuVdZ/qfWu6o86n13aNWJX5YDE0cyWfegP2qgMx7oebspMAQ5Eyc9derr7pQN23bIJM/nwUT4249eUKHv78MLOJhhlSzaiPVX5NuZrXjiGYLG7VG33cUEpNAUrAGahrUf8IpRD3XiXm7WfwcHQWMl31naL19cjR26rYRl2PD8f40tZDP1rW+m4GXOoEp6nEFuL6eAtpa7811gr0IIL8bv11mOfYycQZVenUFpdgfXTPlUyAM3+EkaK3EygrtapoybKDy2BXLGEuMCMif4xeAOTm1AiGVzTbDpN6DSXd7rQJ1WgeceVM9ghote9DcgJMUhYZEbFxGwm/8q7+32YAXPz78tVQGeaQgJS3tQaCQPVOS+bgbrwrsnWe9oDoLuQjrCu1MTFJqJsHAbv48Q7u/7cXsbMnaV5bfWypjtkLd+h4VnIjHEyAN1HrtGA9B6Z71n8fuy1tyrZT/ese+JIVlJDWMOHz18APFFmoNX8vC1h3dzbBjX02kP80o0NSwryaGunDp8939Ya/Bum8B3duas1F3/k0OzlB4eRfmUZXLFKJ9pc9jCyIJcgv3yzdGD2Rf8Yk0Pz1SBCJvcgbiAMyBER9Pv3rP2/j15UPviLxCRsRIxtpAyQ8Ve+R7KtrQ8508k9c/JV63MkJtEl3hLxGSsSJTKA8b9+4jbC925Rizrhv+/QF05N5lOcReJymKZuOiMnRn5GfutRRRN/3+yM38VzuMtE5fRQpEa97/jCY2M+bpVZT+D/i+mOK8vvYUis1gq1qZ7N7WKB5I60d8Hcib4Da5UbFaLRTP9S5NIKvJPXGfAFfKV3laNStfGXiw6s+XiXZRMTgtZDa5cfFthxEwdGJHH8jaDPzBCwpExKbqSOTJmmUElHBqVaIBsIodGRalT4di4pK2dyR0b1xYtFA6OTCBNLtmDI9snQTg6duAZ0okfHesXUAiHRw9OnU3V4dHLBMKZcHz8QGz+Xv3ixI+P71BH5wFrGwiTIC7nFmgcv8Wvi+hhl1eH2vov21TuoBX0MeZRE2NBW9KYtG4NWupfr7sY/uirUGP/tMoD5SAP9MOXoYdVHVJf/1WxuXv76TLefkC2MHcPOf1LI0Eo7MnWTxqSlqRpnK7evssDsFDtmjLlWoI80EPSi7X27Urdvr+uGMKy3K2ToCpnAqAbvs5MmTD3uzMFvjMVu+hbZqnqcWpBPdxY8eqjZzN8lZZpE/rWMwm89Kv7LScIMsFae76tXO7A7zbrOY2T4C6bWhashStY+UgbW+buruyD32ESYJC3UaK1YeXBb+A5d0gTrXoCGuUHfC+g1MkECGDYwkxem8O+FFa+LJEWpAlp42Uv5Qb8d2kHrMWDYgzHXEhZEbcEZfk2pIu0IE2yJ+33YCwa3icXwcK1h86Nbip+Z92lyzHbse8hLTJh5Om3B1G3hKpswwp403oS63mOLLJjU38+x8yxd6JJMZonHA6X5QoEOD7I8mau4ncpX5k7lPCXODaOkWPlmPMo7HW9JVhV8WYIQy8x0YHFjktZtxtY4DkWjolj4xg7jb3Qza/4vfVhuQAq0W4Q64Q/EbIU16+2juXAn+CYODbnzRtYCHdWZQPU+rkYYU93jNmJwJx/3UMr3Z8TFLsVz2g0Wp9AJy/6zjFwLMXd67uRDbwMFyQ8XoyVtAvS8nFmwOo5QXOR1pDsZDDvrpesIYd9s1m6x9nnW3zgWwXf67uJMvInAlbO+ajrcyOI+xCIvcgVNmmIbbQHIzjGm/ZtdPeGdWwZVe6wWe3sE/vGPrKvPvCtAHxvE6FdWIKL9DIQegTFkB6D9eytCQvC+JOWO9g92AFlD5RyiazNVQ9bMCC7RJe6ew6fyWfzHXyXrnS8m31gX9induE2AB+D2tgeDoWj3DdBsr4J4NwLwA4DqFM0rRIk5RJULc1BE8YHUYtWctOdNBZNjpq5h/fyO/yue44tlXuK79B34Z189zJhFn0rvFo3MK0BK6yTJK0nnMzJtQBqQoFC2XSA9RzAO8FTNAg4pXMKalzNvPh5bD4y1CzqvfgOv2sn1gSf6U7gWG9fQhugrLCWTo3iUBfq5MA5OjxMiSdq8Vg1XvzMv/F/vIf3rmW7CHt7irmDKwNLoHqJoOV39RkEfO/qh06Elu6mlTNc/gLB7HRF8fZx1tkJLbTQQgsttNBCCy200EJLtP0fvxY4VlPIesgAAAAASUVORK5CYII=) no-repeat;}
|
JS
$(document).ready(function () {
setSelectState();
setFormBody();
$('#state').change(function() {
//alert ($('#state').val());
setSelectDivision();
});
});
function setSelectDivision(){
var request;
$('#division').empty();
$('#division').append("<option value='' disabled selected>Wait...</option>")
$('#division').material_select();
request = $.ajax({
url: "https://script.google.com/macros/s/AKfycbygVbZJEaZEEaKGAYPLiFgNDgZ0dSaqgmnfFKUMXCtsCmNhoHEe/exec?action=finddivisions&statecode="+ $('#state').val(),
type: "get"
});
request.done(function(response, textStatus, jqXHR) {
// log a message to the console
//console.log(response);
//console.log(textStatus);
//console.log(jqXHR);
$('#division').empty();
$('#division').append("<option value='' disabled selected>Select Division</option>")
$.each(response.values, function(key, item) {
//console.log(item);
$('#division').append("<option value="+item.District_Code+">" + item.District_Name + "</option>");
$('#division').material_select();
});
});
// callback handler that will be called on failure
request.fail(function(jqXHR, textStatus, errorThrown) {
// log the error to the console
console.error(
"The following error occured: " +
textStatus, errorThrown
);
});
// callback handler that will be called regardless
// if the request failed or succeeded
request.always(function() {
// reenable the inputs
//$inputs.prop("disabled", false);
});
}
function setSelectState(){
var request;
$('#state').empty();
$('#state').append("<option value='' disabled selected>Wait...</option>")
$('#state').material_select();
$('#division').empty();
$('#division').material_select();
request = $.ajax({
url: "https://script.google.com/macros/s/AKfycbygVbZJEaZEEaKGAYPLiFgNDgZ0dSaqgmnfFKUMXCtsCmNhoHEe/exec?action=getstates",
type: "get"
});
request.done(function(response, textStatus, jqXHR) {
// log a message to the console
//console.log(response);
//console.log(textStatus);
//console.log(jqXHR);
$('#state').empty();
$('#state').append("<option value='' disabled selected>Select State</option>")
$.each(response.values, function(key, item) {
//console.log(item);
$('#state').append("<option value="+item.State_Code+">" + item.State_Name + "</option>");
$('select').material_select();
});
});
// callback handler that will be called on failure
request.fail(function(jqXHR, textStatus, errorThrown) {
// log the error to the console
console.error(
"The following error occured: " +
textStatus, errorThrown
);
});
// callback handler that will be called regardless
// if the request failed or succeeded
request.always(function() {
// reenable the inputs
//$inputs.prop("disabled", false);
});
}
function setFormBody(){
var labelPerson = "Delegate";
var htmlFormSection = "<div id='FormSection{Person}'><h5 class='left-align teal-text' style='padding-top:20px;'> <span id='Label{Person}'>{labelPerson}</span></h5><div class='input-field col s12'> <i class='material-icons prefix'>account_circle</i> <input id='{Person}_Name' type='text' name='{Person}_Name' class='validate' required='' aria-required='true'> <label for='{Person}_Name'>Name</label></div><div class='input-field col s12'> <i class='material-icons prefix'>picture_in_picture</i> <input id='{Person}_Pid' type='text' name='{Person}_Pid' class='validate' required='' aria-required='true'> <label for='{Person}_Pid'>Personal ID</label></div><div class='input-field col s12'> <i class='material-icons prefix'>assignment_ind</i> <input id='{Person}_Oid' type='text' name='{Person}_Oid' class='validate' required='' aria-required='true'> <label for='{Person}_Oid'>Organization ID</label></div><div class='input-field col s12'> <i class='material-icons prefix'>work</i> <select id='{Person}_Position' name='{Person}_Position'><option value='' disabled selected>Position</option><option value='Head'>Head</option><option value='Vice'>Vice</option><option value='Deputy'>Deputy</option><option value='Secretary'>Secretary</option><option value='Others'>Others</option> </select></div><div class='file-field input-field col s12'><div class='btn yellow accent-4'> <span>Picture</span> <input id='{Person}_File' name='{Person}_File' type='file'></div><div class='file-path-wrapper'> <input class='file-path validate' type='text' placeholder='Select Picture'></div></div></div>";
var totalPerson = 1;
for (i = 1; i < totalPerson + 1; i++) { /*create a unique label*/
var newLabelPerson = labelPerson.concat(" ", i); /*create unique id */
var newIdPerson = "Person" + i; /*replace id placeholders */
var regex = new RegExp('{Person}', 'g');
var newHtmlFormSection = htmlFormSection;
newHtmlFormSection = newHtmlFormSection.replace('{labelPerson}', newLabelPerson);
newHtmlFormSection = newHtmlFormSection.replace(regex, newIdPerson);
$('#FormBody').append(newHtmlFormSection);
}
$('select').material_select();
}
function isEmpty($inputs) {
var check = false;
$.each($inputs, function (key, item) {
if (item.value == "") {
check = true
}
});
return check;
}
function newForm(){
$('#DivDone').hide();
$('#DivForm').show();
$('#FormPerson')[0].reset();
setSelectState();
setFormBody();
}
function sendDone(){
$('#DivProgress').hide();
$('#DivDone').show();
}
function sendForm(){
var $inputs = $('#FormPerson').find("input, select");
if (isEmpty($inputs)) {
alert("Please fill all the fields.")
} else {
alert("Sending now...");
$('#DivForm').hide();
$('#DivProgress').show();
setTimeout(sendDone, 3000);
}
/*
google.script.run
.withSuccessHandler(updateOutput)
.processForm(this.parentNode)
*/
}
|
CODEPEN
Demo:
.
See the Pen National Convention Registration Sample by notarazi (@notarazi) on CodePen.
No comments:
Post a Comment