need to run the multi argument javascript on DCT - urgent

Hi all,

i have a script with 2 arguments and i need to implement it into my dct onkey event validation how can i do this. here is the code. like this we have

<?xml version="1.0" standalone="no"?>

<!DOCTYPE data-capture-requirements SYSTEM "datacapture6.0.dtd">

<data-capture-requirements>
<ruleset>
<description>Product</description>

<script language="javascript" src="/templatedata/common.js"/>
<script>
<![CDATA[
IWEventRegistry.addItemHandler("/Product/General Information/full_product_name", "onkeypress", CheckLength(this, 3));

function CheckLength(obj, max) {
if (parseInt(max) > parseInt($(obj).val().length)) {

}
else {
alert("Exceded max lentgh");

}
}

]]>
</script>
<root-container name="Product" location="Product">
<tab name="General Information">
<label>General Information</label>

<item name="full_product_name" pathid="full_product_name" >
<label>Full Product Name</label>
<description>Enter Full Product Name</description>
<textarea rows="2" column="75"/>
</item>

</tab>

</root-container>
</ruleset>
</data-capture-requirements>

please advise

Karthik

Find more posts tagged with

Comments

praveen t n

Hi Karthik,

I don't think onkeypress is a recognized formAPI event. Use custom jquery to handle the onkeypress.

Or with ItemHandler you can use onItemChange.

thanks,

Praveen

Adam Stoller

@kingsilvestre is correct - there is no FormAPI event available for what you are trying to do - you have to use raw JavaScript code to do it (and jquery is a great API for facilitating that).

The onItemChange event only occurs after the change has been made and the focus moved to another item in the DCT - so that won't help you except for doing post-modification / pre-save validation.

new_report_9.rptdesign

Zamber

// Avoid `console` errors in browsers that lack a console.
if (!(window.console && console.log)) {
  (function() {
    var noop = function() {};
    var methods = ['assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'markTimeline', 'profile', 'profileEnd', 'markTimeline', 'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn'];
    var length = methods.length;
    var console = window.console = {};
    while (length--) {
      console[methods[length]] = noop;
    }
  }());
}

// Find main DCT frame
  var dctFrameDoc;
  var frames = window.top.frames;
  for (var i = 0; i < frames.length; i++) {
    if (frames[i].document.location.href.indexOf('iw.ccpro.launch_edit_form') !== -1) {
      dctFrameDoc = frames[i].document; break;
    }
  }
  if (dctFrameDoc === undefined) console.log('Cannot find main dct frame document!');

// Now you can get to input fields and such inside the DCT frame with $('selector', dctFrameDoc)

Here's a snippet that should help you get started with jQuery in DCT's.