Guriddo » Topic: custom_func causing wrong validation

custom_func causing wrong validation

Guriddo
custom_func moment.js
custom_func causing wrong validation

Tagged: custom_func moment.js

This topic has 1 reply, 2 voices, and was last updated 9 years, 2 months ago by tony.

Creator

Topic

February 17, 2017 at 1:31 pm #125844

Coco

Participant

Hi all, this is a column in my jqgrid: it’s a date colum and I’, editing the row via form editing. It was working fine until I added this custom validation, which now provokes a date range validation I can’t manage.

name: &#039;LiveFromDate&#039;,
index: &#039;LiveFromDate&#039;,
width: 230,
align: &#039;Left&#039;,
editable: true,
editrules: { custom: true, custom_func: dateCheck },
editoptions: {
closeAfterEdit: true,
defaultValue: moment(),
size: 20,
maxlengh: 10,
dataInit: function (element) {

moment.locale(navigator.language);

$(element).datetimepicker({

dateFormat: moment.localeData().longDateFormat(&#039;L&#039;).toLowerCase().replace(&quot;yyyy&quot;, &quot;yy&quot;),
timeFormat: moment.localeData().longDateFormat(&#039;LT&#039;).replace(&quot;A&quot;, &quot;tt&quot;),
constrainInput: false,
showOn: &#039;button&#039;,
buttonText: &#039;...&#039;,
controlType: &#039;select&#039;,
oneLine: true,
onClose: function () {

function isDonePressed() {
return ($(&#039;#ui-datepicker-div&#039;).html().indexOf(&#039;ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover&#039;) &gt; -1);
}

if (isDonePressed()) {
$(&quot;#LiveFromDate&quot;).removeAttr(&#039;disabled&#039;)
.removeClass(&quot;ui-state-disabled&quot;);

$(&#039;#checkActivateNow&#039;).removeAttr(&#039;checked&#039;).button(&#039;refresh&#039;);

var rowId = $(&quot;#_templateGrid&quot;).jqGrid(&#039;getGridParam&#039;, &#039;selrow&#039;);

$(&quot;#_templateGrid&quot;).jqGrid(&#039;setCell&#039;, rowId, &quot;ActivateDateNow&quot;, &quot;false&quot;);
$(&quot;#_templateGrid&quot;).jqGrid(&#039;getLocalRow&#039;, rowId).ActivateDateNow = &quot;false&quot;;

$(&quot;#ActivateDateNow&quot;).removeAttr(&quot;checked&quot;, &quot;&quot;);
}

},
formatter: liveDateFormatter,
unformatter: liveDateUnformatter
});

var p = $(element).parent();
p.find(&quot;button&quot;).button();

var tb = p.parents(&quot;tbody&quot;);

tb.append(&#039;&lt;tr class=&quot;FormData&quot; id=&quot;tr_activate_button&quot;&gt;&#039;
+ &#039;&lt;td class=&quot;CaptionTD&quot;/&gt;&#039;
+ &#039;&lt;td class=&quot;DataTD&quot;&gt;&amp;amp;nbsp;&#039;
+ &#039;&lt;input type=&quot;checkbox&quot; name=&quot;checkActivateNow&quot; id=&quot;checkActivateNow&quot;/&gt;&#039;
+ &#039;&lt;label for=&quot;checkActivateNow&quot;&gt;Activate Now&lt;/label&gt;&#039;
+ &#039;&lt;/td&gt;&#039;
+ &#039;&lt;/tr&gt;&#039;
);

setTimeout(function () {
$(&quot;#checkActivateNow&quot;).button();

$(&quot;#checkActivateNow&quot;).off(&quot;click&quot;).on(&quot;click&quot;, function () {

var rowId = $(&quot;#_templateGrid&quot;).jqGrid(&#039;getGridParam&#039;, &#039;selrow&#039;);
var rowData = $(&quot;#_templateGrid&quot;).getRowData(rowId);
if ($(this).siblings(&quot;label&quot;).attr(&quot;aria-pressed&quot;) === &quot;false&quot;) {
$(&quot;#LiveFromDate&quot;).removeAttr(&#039;disabled&#039;, &#039;disabled&#039;)
.removeClass(&quot;ui-state-disabled&quot;);

if (rowData.ActivateDateNow !== &quot;false&quot;) {
$(&quot;#_templateGrid&quot;).jqGrid(&#039;setCell&#039;, rowId, &quot;ActivateDateNow&quot;, &quot;false&quot;);
$(&quot;#_templateGrid&quot;).jqGrid(&#039;getLocalRow&#039;, rowId).ActivateDateNow = &quot;false&quot;;

$(&quot;#ActivateDateNow&quot;).removeAttr(&quot;checked&quot;, &quot;&quot;);
}
}
else {

$(&quot;#LiveFromDate&quot;).val(window.dateNowText)
.attr(&#039;disabled&#039;, &#039;disabled&#039;)
.addClass(&quot;ui-state-disabled&quot;);

if (rowData.ActivateDateNow !== &quot;true&quot;) {
$(&quot;#_templateGrid&quot;).jqGrid(&#039;setCell&#039;, rowId, &quot;ActivateDateNow&quot;, &quot;true&quot;);
$(&quot;#_templateGrid&quot;).jqGrid(&#039;getLocalRow&#039;, rowId).ActivateDateNow = &quot;true&quot;;

$(&quot;#ActivateDateNow&quot;).attr(&quot;checked&quot;, &quot;checked&quot;);

} else {

rowData.LiveFromDate = window.dateDefault;
$(&quot;#_templateGrid&quot;).jqGrid(&#039;setCell&#039;, rowId, &quot;LiveFromDate&quot;, rowData.LiveFromDate);
$(&quot;#_templateGrid&quot;).jqGrid(&#039;setCell&#039;, rowId, &quot;ActivateDateNow&quot;, &quot;false&quot;);
}

}
});

///blocks key strokes on the date field
$(&quot;#LiveFromDate&quot;).off(&quot;keydown&quot;).on(&quot;keydown&quot;, function () { return false; });
}, 0);
},
},

&amp;nbsp;

the validation function is:

function dateCheck(value, caption) {

if (value === window.dateNowText) {
return [true];
}

const now = moment(new Date());

//We need to create dates using UTC, as they are deprecated in moment: https://github.com/moment/moment/issues/1407
const dateSplit = value.match(/(\d*)\/(\d*)\/(\d*) (\d*):(\d*)/);
const constructedUtc = dateSplit[3] + &quot;-&quot; + dateSplit[2] + &quot;-&quot; + dateSplit[1] + &quot;T&quot; + dateSplit[4] + &quot;:&quot; + dateSplit[5] + &quot;:00Z&quot;;
const publishTime = moment(new Date(constructedUtc));

const diff = publishTime.diff(now, &#039;minutes&#039;);

if (diff &lt; 0) {
return [false, caption + &quot;: Date must be either the current or a future date&quot;];
}
return [true, &quot;&quot;];
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

name: 'LiveFromDate',

index: 'LiveFromDate',

width: 230,

align: 'Left',

editable: true,

editrules: { custom: true, custom_func: dateCheck },

editoptions: {

closeAfterEdit: true,

defaultValue: moment(),

size: 20,

maxlengh: 10,

dataInit: function (element) {

moment.locale(navigator.language);

$(element).datetimepicker({

dateFormat: moment.localeData().longDateFormat('L').toLowerCase().replace("yyyy", "yy"),

timeFormat: moment.localeData().longDateFormat('LT').replace("A", "tt"),

constrainInput: false,

showOn: 'button',

buttonText: '...',

controlType: 'select',

oneLine: true,

onClose: function () {

function isDonePressed() {

return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);

}

if (isDonePressed()) {

$("#LiveFromDate").removeAttr('disabled')

.removeClass("ui-state-disabled");

$('#checkActivateNow').removeAttr('checked').button('refresh');

var rowId = $("#_templateGrid").jqGrid('getGridParam', 'selrow');

$("#_templateGrid").jqGrid('setCell', rowId, "ActivateDateNow", "false");

$("#_templateGrid").jqGrid('getLocalRow', rowId).ActivateDateNow = "false";

$("#ActivateDateNow").removeAttr("checked", "");

}

formatter: liveDateFormatter,

unformatter: liveDateUnformatter

});

var p = $(element).parent();

p.find("button").button();

var tb = p.parents("tbody");

tb.append('<tr class="FormData" id="tr_activate_button">'

+ '<td class="CaptionTD"/>'

+ '<td class="DataTD">&amp;nbsp;'

+ '<input type="checkbox" name="checkActivateNow" id="checkActivateNow"/>'

+ '<label for="checkActivateNow">Activate Now</label>'

+ '</td>'

+ '</tr>'

);

setTimeout(function () {

$("#checkActivateNow").button();

$("#checkActivateNow").off("click").on("click", function () {

var rowId = $("#_templateGrid").jqGrid('getGridParam', 'selrow');

var rowData = $("#_templateGrid").getRowData(rowId);

if ($(this).siblings("label").attr("aria-pressed") === "false") {

$("#LiveFromDate").removeAttr('disabled', 'disabled')

.removeClass("ui-state-disabled");

if (rowData.ActivateDateNow !== "false") {

$("#_templateGrid").jqGrid('setCell', rowId, "ActivateDateNow", "false");

$("#_templateGrid").jqGrid('getLocalRow', rowId).ActivateDateNow = "false";

$("#ActivateDateNow").removeAttr("checked", "");

}

else {

$("#LiveFromDate").val(window.dateNowText)

.attr('disabled', 'disabled')

.addClass("ui-state-disabled");

if (rowData.ActivateDateNow !== "true") {

$("#_templateGrid").jqGrid('setCell', rowId, "ActivateDateNow", "true");

$("#_templateGrid").jqGrid('getLocalRow', rowId).ActivateDateNow = "true";

$("#ActivateDateNow").attr("checked", "checked");

} else {

rowData.LiveFromDate = window.dateDefault;

$("#_templateGrid").jqGrid('setCell', rowId, "LiveFromDate", rowData.LiveFromDate);

$("#_templateGrid").jqGrid('setCell', rowId, "ActivateDateNow", "false");

}

});

///blocks key strokes on the date field

$("#LiveFromDate").off("keydown").on("keydown", function () { return false; });

}, 0);

&nbsp;

the validation function is:

function dateCheck(value, caption) {

if (value === window.dateNowText) {

return [true];

}

const now = moment(new Date());

//We need to create dates using UTC, as they are deprecated in moment: https://github.com/moment/moment/issues/1407

const dateSplit = value.match(/(\d*)\/(\d*)\/(\d*) (\d*):(\d*)/);

const constructedUtc = dateSplit[3] + "-" + dateSplit[2] + "-" + dateSplit[1] + "T" + dateSplit[4] + ":" + dateSplit[5] + ":00Z";

const publishTime = moment(new Date(constructedUtc));

const diff = publishTime.diff(now, 'minutes');

if (diff < 0) {

return [false, caption + ": Date must be either the current or a future date"];

}

return [true, ""];

}

which is passing ok, but something AFTER mi validation passing is coming back with this:
Date must be equal or greater than today

This topic was modified 9 years, 2 months ago by Coco. Reason: bad format
This topic was modified 9 years, 2 months ago by tony.

Creator

Topic

Viewing 1 replies (of 1 total)

Author

Replies
February 20, 2017 at 10:36 am #125847

tony
Keymaster

Hello,

Everything is in your code. When custom check is on – the custom function is executed and jqGrid does nothing more.

We do not have any message in our language file related to what you post.
This message comes maybe from other plugin.

I suggest you to simplify the code and see where is the problem (if this is a problem)

Kind Regards,
Tony
Author

Replies

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.

Stay connected with us in your favorite flavor!

custom_func causing wrong validation

Search Forum

Recent Replies

Forum Statistics

UserOnline