Difference between revisions of "MemEOL"
From Desal Wiki
Line 370: | Line 370: | ||
<div class="col-sm-6"> | <div class="col-sm-6"> | ||
<!--<div class="">--> | <!--<div class="">--> | ||
− | <label for="damagedMembranesNo" class="radio"><input type="radio" class="control-label" name="damagedMembranes" id="damagedMembranesNo" value="damagedMembranesNo" />No</label> | + | <label for="damagedMembranesNo" class="radio"><input type="radio" class="control-label" name="damagedMembranes" id="damagedMembranesNo" value="damagedMembranesNo" data-bv-notempty="true" data-bv-notempty-message="Please indicate if the membrane has been damaged." />No</label> |
<label for="damagedMembranesYes" class="radio"><input type="radio" class="control-label" name="damagedMembranes" id="damagedMembranesYes" value="damagedMembranesYes" />Yes</label> | <label for="damagedMembranesYes" class="radio"><input type="radio" class="control-label" name="damagedMembranes" id="damagedMembranesYes" value="damagedMembranesYes" />Yes</label> | ||
<!--</div>--> | <!--</div>--> | ||
Line 387: | Line 387: | ||
<label class="control-label" for="testedPermeability">Tested permeability (LMH/bar):</label> | <label class="control-label" for="testedPermeability">Tested permeability (LMH/bar):</label> | ||
<div class="col-sm-6"> | <div class="col-sm-6"> | ||
− | <input type="text" class="form-control" id="permeability" name="testedPermeability" placeholder="Tested permeability in LMH/bar" /> | + | <input type="text" class="form-control" id="permeability" name="testedPermeability" placeholder="Tested permeability in LMH/bar" data-bv-notempty="true" data-bv-notempty-message="Membrane permeability is required and cannot be empty" data-bv-stringlength="true" data-bv-stringlength-min="3" data-bv-stringlength-message="The membrane permeability must have at least 3 characters" /> |
</div> | </div> | ||
</div> | </div> | ||
Line 400: | Line 400: | ||
<div class="form-group"> | <div class="form-group"> | ||
<label class="control-label sr-only" for="NaClRejection">Tested permeability (LMH/bar):</label> | <label class="control-label sr-only" for="NaClRejection">Tested permeability (LMH/bar):</label> | ||
− | <input type="text" class="form-control" id="NaClRejection" name="NaClRejection" placeholder="% NaCl Rejection" /> | + | <input type="text" class="form-control" id="NaClRejection" name="NaClRejection" placeholder="% NaCl Rejection" data-bv-notempty="true" data-bv-notempty-message="Salt rejection is required and cannot be empty" data-bv-stringlength="true" data-bv-stringlength-min="3" data-bv-stringlength-message="The salt rejection must have at least 3 characters" data-bv-regexp="true" data-bv-regexp-regexp="^[a-zA-Z0-9]+$" data-bv-regexp-message="Please enter a number between 0 and 100." /> |
</div> | </div> | ||
</body></html> | </body></html> | ||
Line 621: | Line 621: | ||
//validator | //validator | ||
$( document ).ready(function() { | $( document ).ready(function() { | ||
+ | |||
mw.loader.using( ['jquery.ui.core', 'ext.bootstrap','ext.bootstrap.scripts', 'ext.bootstrap.styles'], function () { | mw.loader.using( ['jquery.ui.core', 'ext.bootstrap','ext.bootstrap.scripts', 'ext.bootstrap.styles'], function () { | ||
+ | $('.form-memEOL').bootstrapValidator(); | ||
+ | /* | ||
$('.form-memEOL').bootstrapValidator({ | $('.form-memEOL').bootstrapValidator({ | ||
message: 'This value is not valid.', | message: 'This value is not valid.', | ||
Line 647: | Line 650: | ||
max: 3, | max: 3, | ||
message: 'Permeability value is too long.' | message: 'Permeability value is too long.' | ||
− | } | + | }, |
regexp: { | regexp: { | ||
regexp: /^[0-9]+([\.][0-9]+)?$/i, | regexp: /^[0-9]+([\.][0-9]+)?$/i, | ||
message: 'Please enter a number (eg. 2.0).' | message: 'Please enter a number (eg. 2.0).' | ||
− | } | + | } |
}, | }, | ||
NaClRejection: { | NaClRejection: { | ||
Line 668: | Line 671: | ||
} | } | ||
}); | }); | ||
+ | */ | ||
}); | }); | ||
}); | }); |
Revision as of 04:49, 5 January 2015
Introduction text