javascript - validations on input fields using GetOrgChart -

javascript - validations on input fields using GetOrgChart -

how apply validations on input fields using getorgchart? have used next code..

json_data = $.rails.ajax url: "/organization_units.json" async: false datatype: "json"

$("#organization").getorgchart gridview: false zoomable: true printable: true editable: true color: "neutralgrey" primarycolumns: ["title", "role","members"] datasource: json_data.responsejson.tree_data

i have created illustration you, nail "run code snippet" , seek update phone invalid phone number.

class="snippet-code-js lang-js prettyprint-override">$("#people").getorgchart({ primarycolumns: ["name", "title"], datasource: [ { id: 1, parentid: null, name: "amber mckenzie", title: "esl teacher", phone: "05454545454"}, { id: 2, parentid: 1, name: "ava field", title: "bricklayer", phone: "08888888888"}, { id: 3, parentid: 1, name: "evie johnson", title: "nursing aide", phone: "077777777"}] }); $("#people").on("updateevent", function( event, sender, args ) { if (!/^\d+$/.test(args.data.phone)){ event.preventdefault(); args.returnvalue = false; alert(args.data.name + ' cannot updated because phone number field not in right format!'); } }); class="snippet-code-css lang-css prettyprint-override">html, body {margin: 0px; padding: 0px;height: 100%; overflow: hidden; } #people {width: 100%;height: 100%; } class="snippet-code-html lang-html prettyprint-override"><script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script> have created illustration you, nail "run code snippet" , seek update phone invalid phone number. <link rel="stylesheet" type="text/css" href="//www.getorgchart.com/getorgchart/getorgchart/getorgchart.css"> <script type='text/javascript' src="//www.getorgchart.com/getorgchart/getorgchart/getorgchart.js"></script> <div id="people"></div>

javascript css ruby-on-rails ajax orgchart