Make UI Page Text area mandatory

Nitesh Balusu
Giga Guru

Hello,

I'd like to make this pop up box mandatory. What change needs to be made in the UI Page?

find_real_file.png

<g:ui_form>
	<input id="clientData" name="clientData" value="${RP.getWindowProperties().get('clientData')}" type="hidden" />
	
	<div class="row">
		<div >
			<span style="padding:16px;font-weight:bold;">What were you attempting to do when the performance issue occurred?</span>
		</div>
	</div>
	<div class="row">
		<div class="form-horizontal">
			<div class="form-group" style="margin-left:16px !important;margin-right:16px !important">
				<textarea id="comments" name="comments" class="form-control" spellcheck="true" style="overflow: hidden; word-wrap: break-word; resize: none;" ></textarea>
			</div>
		</div>
	</div>
	<div class="modal-footer">
	<span class="pull-right">
		<button class="btn btn-default" id="cancel_button" onclick="window.GlideModalForm.prototype.locate(this).destroy(); return false" style="min-width: 5em;" title="" type="submit">
			Cancel
		</button>
		<button class="btn btn-primary" id="ok_button" onclick="actionOK()" style="min-width: 5em;" title="" type="submit">
			Create Incident
		</button>
	</span>
</div>

</g:ui_form>
1 ACCEPTED SOLUTION

can you try now.

 

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
	
	<g:ui_form>
	<input id="clientData" name="clientData" value="${RP.getWindowProperties().get('clientData')}" type="hidden" />
	
	<div class="row">
		<div >
			<span style="padding:16px;font-weight:bold;">What were you attempting to do when the performance issue occurred?</span>
		</div>
	</div>
	<div class="row">
		<div class="form-horizontal">
			<div class="form-group" style="margin-left:16px !important;margin-right:16px !important">
				<textarea id="comments" name="comments" class="form-control" spellcheck="true" style="overflow: hidden; word-wrap: break-word; resize: none;" required="required"></textarea>
				

				
			</div>
		</div>
	</div>
	<div class="modal-footer">
	<span class="pull-right">
		<button class="btn btn-default" id="cancel_button" onclick="window.GlideModalForm.prototype.locate(this).destroy(); return false" style="min-width: 5em;" title="" type="submit">
			Cancel
		</button>
		<button class="btn btn-primary" id="ok_button" onclick="actionOK()" style="min-width: 5em;" title="" type="submit">
			Create Incident
		</button>
	</span>
</div>
		</g:ui_form>
</j:jelly>

View solution in original post

11 REPLIES 11

Doesn't seem to work, I had tried that before actually, any more thoughts?

it will come like below screenshot. if you will enter some value it will not come but in empty it will prompt.

 

find_real_file.png

Interestingly it's half working when I hit try it but not in general when I am using that UI Page. 
Also, when I hit try it, its giving me the error message below to enter a value but its still running the processing script and creating the incident even without entering anything in the description.

This is the problem.

It's running the client script even if the description is blank.

okay fixed it, I also had to add this in the client script:

 

if(gel('comments').value=='')
		return false;