dijit.form.ValidationTextBox

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dijit/themes/claro/claro.css">
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dijit/dijit.js"></script>
<body class="claro">
    <form id="myform" data-dojo-type="dijit/form/Form">
        <div id="tc" data-dojo-type="dijit/layout/TabContainer">
            <div id="cp1" data-dojo-type="dijit/layout/ContentPane" title="tab1">
        <input
    data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="
            regExp: '[\\w]+',
            required: true,
            invalidMessage: 'First Name Required !',
            missingMessage: 'First Name Required !'"
        id="fnameTextBox" title="First Name"
    placeholder="Your First Name"
    />
    
    <input
    data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="
            regExp: '[\\w]+',
            required: true,
            invalidMessage: 'Last Name Required !',
            missingMessage: 'Last Name Required !'"
        id="lnameTextBox" title="Last Name"
    placeholder="Your Last Name"
    />
    
     <button id="validateFields1" data-dojo-type="dijit/form/Button">Next</button>
            </div>
            <div id="cp2" data-dojo-type="dijit/layout/ContentPane" title="tab2">
                <input
    data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="
            regExp: '[\\w]+',
            required: true,
            invalidMessage: 'Mobile number Required !',
            missingMessage: 'Mobile number Required !'"
        id="mobilenumberbox" title="Mobile number"
    placeholder="Mobile number"
    />
    
    <input
    data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="
            regExp: '[\\w]+',
            required: true,
            invalidMessage: 'Office number Required !',
            missingMessage: 'Office number Required !'"
        id="officenumberbox" title="Office number"
    placeholder="Office number"
   ...

JavaScript

dojo.require("dijit/form/Form");
dojo.require("dijit/form/Button");
dojo.require("dijit/form/ValidationTextBox");

dojo.ready(function() {
    var fName = dijit.byId("fnameTextBox");
    var lName = dijit.byId("lnameTextBox"); 
    var highlight = function(widget){
          var v = widget.validate;
          if(!v) return true;
          widget._hasBeenBlurred = true;
          if(!widget.validate()) {
            return false;
          }
        return true;
     };
    
    dojo.connect(dijit.byId("validateFields1"), "onClick", function() {      
        var mytab1 = dijit.byId('cp1');
        var canNavigate = true;
        dojo.forEach(mytab1.getChildren(), function(wid){
            canNavigate = highlight(wid) && canNavigate;
        });
        console.log("canNavigate: "+canNavigate);
        if(canNavigate) {
            dijit.byId("tc").selectChild("cp2");
        }
    }); 
    dojo.connect(dijit.byId("validateFields2"), "onClick", function() {
        var mytab2 = dijit.byId('cp2');
        dojo.forEach(mytab2.getChildren(), highlight);
    });
});