<!-- BEGIN [% template.name %] -->
[% # INCLUDE dumper.tt dump = errs %]
<div class="container">
<div class="row">
<img src="[% request.uri_base %]/images/logo.jpg" title="LCC Logo"
border="0" align="right" alt="LCC Logo" />
</div>
<div class="row">
<legend>HMDS Request Form</legend>
<h4><a href="#" id="is_trial">Request IS for clinical trial</a></h4>
<div id="trial-content" style="display: none;">
<p class="text-warning indent">
Please use specific clinical trial request form.
</p>
</div>
<h4><a href="#" id="non_trial">Request is NOT for clinical trial</a></h4>
<div id="non-trial-content" class="indent" [% # auto-open if form submission:
UNLESS params.size %]style="display: none"[% END %]>
<form class="form-horizontal" action="[% request.uri_base %]/search"
method="post">
<label class="col-md-2 control-label" for="nhs_number">
NHS number
[% IF errs.nhs_number %]<span class="dfv-err">invalid</span>[% END %]
</label>
<div class="input-append">
<input name="nhs_number" required="" id="nhs_number"
value="[% params.nhs_number %]" />
<button id="submit" name="submit"
class="btn btn-info">Search</button>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$('#is_trial').click(function() {
$('#trial-content').slideToggle('fast', function() {
// ok
});
return false;
});
$('#non_trial').click(function() {
$('#non-trial-content').slideToggle('fast', function() {
// ok
});
return false;
});
// nhs number ajax validation:
$('#nhs_number').blur(function() { // alert("Handler for .blur() called.");
var formData = { 'nhs_number' : $('input[name=nhs_number]').val() };
var appMethod = "[% uri_for_nhs_number_validation %]";
$.ajax({
url: appMethod,
data: formData,
type: 'post',
dataType: 'json',
// the response is passed to the function
success: function( json ) { // alert(json.result);
$( "#nhsno_result" ).text(json.result);
},
});
// this also works as a simple 'get' request:
// $.get( appMethod, formData )
// .done( function(data) { $( "#nhsno_result" ).text(data) } );
});
</script>
<!-- END [% template.name %] -->