question Re: gel is not working in ui page in Developer forum

gel is not working in ui page

Susmitha14 — Thu, 13 Aug 2020 11:34:45 GMT

I have created a UI page with textarea amd in client script I have written that when text area is empty it should show an alert box.But even text area is empty it is returning true.Help me on this?

HTML:

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

<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"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<span class="pull-right">

<button class="btn btn-primary" id="ok_button" onclick="actionOK()" style="min-width: 5em;" title="" type="submit">
Send Email
</button>
</span>
</div>
<input type="hidden" id="kbSysID" name="kbSysID" value="${sysparm_sysID}"/>
</g:ui_form>

</j:jelly>

clientscript:

function actionOK() {

alert("entered");
var value = gel('comments').value;
alert(value);
if (value != '') {
alert("comments filled");
return true;

} else {
alert("please fill");
return false;
}
}

Re: gel is not working in ui page

Onkar Pandav — Thu, 13 Aug 2020 11:53:25 GMT

Hi,

Try writing return before client script call onclick="actionOK()"

Re: gel is not working in ui page

Susmitha14 — Thu, 13 Aug 2020 12:02:04 GMT

Hi,

I should write as return="actionOK()" or not?

Re: gel is not working in ui page

Ankur Bawiskar — Thu, 13 Aug 2020 12:12:27 GMT

Hi,

please update html as below and check in alert if comments come or not

HTML:

Client Script:

function actionOK() {

alert("entered");
var value = gel('comments').value;
alert(value);
if (value != '') {
alert("comments filled");
return true;

} else {
alert("please fill");
return false;
}
}

Regards
Ankur

Re: gel is not working in ui page

hvrdhn88 — Thu, 13 Aug 2020 12:14:17 GMT

i tested your script. its working. i can see alert is coming.

Re: gel is not working in ui page

Susmitha14 — Thu, 13 Aug 2020 12:26:09 GMT

I have tried using that html ,but still it is returning true even the textarea is empty. andin the button how should I call actionOK().

Re: gel is not working in ui page

Susmitha14 — Thu, 13 Aug 2020 12:32:15 GMT

Alerts are working fine but even the textarea is empty, it is showing an alert saying "comments are filled"

Re: gel is not working in ui page

hvrdhn88 — Thu, 13 Aug 2020 12:33:23 GMT

no it is not. if its empty i am getting only else part of alert ( alert("please fill") );
.

Re: gel is not working in ui page

hvrdhn88 — Thu, 13 Aug 2020 12:34:49 GMT

screenshot for reference.

My test step , just clicked on try it on ui page.

Re: gel is not working in ui page

hvrdhn88 — Thu, 13 Aug 2020 12:36:10 GMT

your script

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

<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"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<span class="pull-right">

<button class="btn btn-primary" id="ok_button" onclick="actionOK()" style="min-width: 5em;" title="" type="submit">
Send Email
</button>
</span>
</div>
<input type="hidden" id="kbSysID" name="kbSysID" value="${sysparm_sysID}"/>
</g:ui_form>

</j:jelly>

function actionOK() {

// 	alert("entered");
	var value = gel('comments').value;
// 	alert(value);
	if (value != '') {
		alert("comments filled");
		return true;

	} else {
		alert("please fill");
		return false;
	}
}

Re: gel is not working in ui page

hvrdhn88 — Thu, 13 Aug 2020 13:10:35 GMT

if still you having an issue , can you try with below script.

HTML

<?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>
	<!-- Get values from dialog preferences passed in -->
	<!-- Set up form fields and labels -->
	<table width="100%">
		<tr id="description_row" valign="top">
			<td colspan="2">
				<!-- Short description value used as a label -->
				<p> Community Test </p>
			</td>
		</tr>
		<tr>
			<td>
				<!-- Comments text field (Contains comments from originating record as a default) -->
				<g:ui_multiline_input_field name="dial_comments" id="dial_comments" label="Additional comments" value="" mandatory="true" />
			</td>
		</tr>
		<tr>
			<td colspan="2">
			</td>
		</tr>
		<tr id="dialog_buttons">
			<td colspan="2" align="right">
				<!-- Pull in 'dialog_buttons_ok_cancel' UI Macro for submit/cancel buttons.
	'ok' option will call the 'validateComments' Client script function from the UI Page-->
				<button onclick="validateComments()">Click me</button>
			</td>
		</tr>
	</table>
</g:ui_form>
	
</j:jelly>

UI Page Client script

function validateComments() {
	//Gets called if the 'OK' dialog button is clicked
	//Make sure dialog comments are not empty
	var comments = gel("dial_comments").value;
	comments = trim(comments);
	if (comments == "") {
		//If comments are empty stop submission
		alert("Please provide comments to submit the dialog.");
		return false;
	}

	else{
		alert('filled');	
	}
	//If comments are not empty do this...
	GlideDialogWindow.get().destroy(); //Close the dialog window
	g_form.setValue("comments", comments); //Set the 'Comments' field with comments in the dialog
}

Reference:

https://www.servicenowguru.com/system-ui/glidedialogwindow-advanced-popups-ui-pages/