question Make UI Page Text area mandatory in Developer forum

Make UI Page Text area mandatory

Nitesh Balusu — Wed, 28 Nov 2018 16:40:35 GMT

Hello,

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

<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>

Re: Make UI Page Text area mandatory

Alberto Consonn — Wed, 28 Nov 2018 19:10:10 GMT

Hi Nitesh,

here you will find the client script that will do that:

Set mandatory in UI page text area

Please try, if it will work, remember to reply also to the post above so that the other will know which is the right solution.

If I have answered your question, please mark my response as correct so that others with the same question in the future can find it quickly and that it gets removed from the Unanswered list.

Thanks you

Cheers
Alberto

Re: Make UI Page Text area mandatory

hvrdhn88 — Wed, 28 Nov 2018 19:38:48 GMT

are you sure you have sent correct UI Page code?

the ui page code you have sent is showing like below..

to make field mandatory on ui page define mandatory="true"

eg:

<g:ui_reference name="${ref_table}_ref" id="${ref_table}_ref" table="${ref_table}" query="${query}" completer="AJAXTableCompleter" mandatory="true" aria-required="true"/>

kindly refer the below OOTB UI page as a reference.

https://yourInstanceid.service-now.com/sys_ui_page.do?sys_id=6a7128b28f1321001a83cfd827bdee22&sysparm_record_target=sys_ui_page&sysparm_record_row=19&sysparm_record_rows=38&sysparm_record_list=htmlCONTAINSmandatory%5EORDERBYDESCsys_updated_on

Re: Make UI Page Text area mandatory

Nitesh Balusu — Wed, 28 Nov 2018 20:33:05 GMT

Oops sent the wrong one! I corrected it now, can you take a look?

Re: Make UI Page Text area mandatory

hvrdhn88 — Thu, 29 Nov 2018 05:21:29 GMT

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>

Re: Make UI Page Text area mandatory

Omkar Mone — Thu, 29 Nov 2018 05:24:04 GMT

You can try with mandatory="true" or required.

Re: Make UI Page Text area mandatory

Nitesh Balusu — Thu, 29 Nov 2018 15:10:20 GMT

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

Re: Make UI Page Text area mandatory

Nitesh Balusu — Thu, 29 Nov 2018 15:11:06 GMT

Hi Omkar,

Where do you want me to insert it? inside text area id tag? If it's that I tried it already.

Re: Make UI Page Text area mandatory

hvrdhn88 — Thu, 29 Nov 2018 15:28:15 GMT

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

Re: Make UI Page Text area mandatory

Nitesh Balusu — Thu, 29 Nov 2018 15:34:55 GMT

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.

Re: Make UI Page Text area mandatory

Nitesh Balusu — Thu, 29 Nov 2018 15:55:51 GMT

This is the problem.

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

Re: Make UI Page Text area mandatory

Nitesh Balusu — Thu, 29 Nov 2018 16:00:01 GMT

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

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