How to hide field in EditForm.aspx with Javascript (JS link)

you can refer these below links for JS link
1- link1
2- link2

1] Copy below code in .js file.

<script type="text/javascript">

  ExecuteOrDelayUntilScriptLoaded(init,'sp.js');

  var currentUser;

  function init(){

  this.clientContext = new SP.ClientContext.get_current();

  this.oWeb = clientContext.get_web();

  currentUser = this.oWeb.get_currentUser();

  this.clientContext.load(currentUser);

  this.clientContext.executeQueryAsync(Function.createDelegate(this,this.onQuerySucceeded), Function.createDelegate(this,this.onQueryFailed));

  }

  function onQuerySucceeded() {

  var currentUserName= currentUser.get_loginName();

  $("input[Title='Employee Name']").val(currentUser.get_loginName().split('\\')[1]);

 $("input[Title='Employee Name']").attr("readonly",true);

  if(!currentUser.get_isSiteAdmin())

  {

  $("span table tr td nobr").filter(function() {

  return $(this).text() === "Order Status";

  }).closest("tr").remove();

  $("span table tr td nobr").filter(function() {

  return $(this).text() === "Admin Comment";

  }).closest("tr").remove();

  }

  }

  function onQueryFailed(sender, args) {

  alert('Request failed. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace());

  }

 

</script>

2] Placed .js file in style library

3] Refer .JS in CEWP.

** How to get value from People editor in sharepoint

Refer Link

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>

<script type="text/javascript">

  ExecuteOrDelayUntilScriptLoaded(init,'sp.js');

  var currentUser;

  var dptHOD;

  function init(){

  this.clientContext = new SP.ClientContext.get_current();

  this.oWeb = clientContext.get_web();

  currentUser = this.oWeb.get_currentUser();

 

  var _PeoplePicker = $("div[title='DeptHOD']");

  var _PeoplePickerTopId = _PeoplePicker.attr('id');

  var _PeoplePickerOject = SPClientPeoplePicker.SPClientPeoplePickerDict[_PeoplePickerTopId];

  _PeoplePickerOject.AddUnresolvedUserFromEditor(true);

  var users = _PeoplePickerOject.GetAllUserInfo();

  var user = users[0];

  dptHOD = user["DisplayText"];

 

  this.clientContext.load(currentUser);

  this.clientContext.executeQueryAsync(Function.createDelegate(this,this.onQuerySucceeded), Function.createDelegate(this,this.onQueryFailed));

  }

  function onQuerySucceeded() {

  var currentUserName= currentUser.get_title();

  // $("input[Title='DeptHOD']").val(currentUser.get_loginName().split('\\')[1]);

  // $("input[Title='DeptHOD']").attr("readonly",true);

  // alert(currentUserName);

  // alert(dptHOD);

 

  if(currentUserName != dptHOD)

  {

  $("span table tr td nobr").filter(function() {

  return $(this).text() == "RequiredDocument";

  }).closest("tr").remove();

  }

  }

  function onQueryFailed(sender, args) {

  alert('Request failed. \nError: ' + args.get_message() + '\nStackTrace: ' + args.get_stackTrace());

  }

</script>

Open list based form in dialog box on button click.

1] Create list in sharepoint
2] Open SharePoint designer.
3] Click on "List and Library" at left side panel and select list.
4] Click on list form in list setting tab.

5] Create .js file and past below code and stored in folder of "style library".

<script src="http://code.jquery.com/jquery-1.9.1.js"> </script><script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><script src="/Style%20Library/jquery-1.7.2.js" type="text/javascript"></script><script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script><style type="text/css">

    .buttonsave{
    background:666699;
    width:150px;
        margin-top:10px !Important;
        border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 6px 6px 6px 6px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
        background-color: #8ed058;

    }
#MSOZoneCell_WebPartWPQ4
{
    margin-top:-90px !Important;
}
.s4-wpcell ms-webpartzone-cell ms-webpart-cell-vertical ms-fullWidth
{
    margin-top:-90px !Important;

}
.buttonsave:hover{
    border:1px solid #1c5675;
    background-color: #36780f;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
    background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
    background-image: -moz-linear-gradient(top, #26759e, #133d5b);
    background-image: -ms-linear-gradient(top, #26759e, #133d5b);
    background-image: -o-linear-gradient(top, #26759e, #133d5b);
    background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b); */
}
</style><script type="text/javascript">
function AddNewProject() {
    var webUrl = _spPageContextInfo.siteAbsoluteUrl;    
    url =webUrl +'/Lists/CMR/4M.aspx?IsDlg=1';
    // OpenNewFormUrl(url);  
    SP.SOD.executeFunc('sp.js', 'SP.ClientContext', OpenNewFormUrl(url));
}

function OpenNewFormUrl(url) {
    var options = {
        allowMaximize: false,
        showClose: true,
         

    };
    SP.SOD.executeFunc('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', function () {
        SP.UI.ModalDialog.commonModalDialogOpen(url, options,RefreshPage, null);
    });
    function RefreshPage()
    {
       // location.reload(true);  
    }

}
</script>
<div>
   <button class="buttonsave" onclick="AddNewProject();return false;" size="150px">Add New CR</button></div>


6] then edit a page where you want to open this dialog bix.
7] Add content editor web part and refer .js file.
8] Click on Add CR button , dialog box will be opened.