How to insert record on sobject using visualforce page without using controller?

Hello Parul,

You can use remote objects to insert a record on sobject using visualforce page without using controller. Remote Objects are proxy objects that enable basic DML operations on sObjects directly from JavaScript.All of the data access is handled by the Remote Objects components.

Example:

This Visualforce page retrieves a list of 10 Warehouse records and displays them on the page in response to the user clicking the Retrieve Warehouses button.

<apex:page>

<apex:remoteObjects >
<apex:remoteObjectModel name=”Warehouse__c” jsShorthand=”Warehouse”
fields=”Name,Id”>
<apex:remoteObjectField name=”Phone__c” jsShorthand=”Phone”/>
</apex:remoteObjectModel>
</apex:remoteObjects>

<script>
var fetchWarehouses = function(){
// Create a new Remote Object
var wh = new SObjectModel.Warehouse();

// Use the Remote Object to query for 10 warehouse records
wh.retrieve({ limit: 10 }, function(err, records, event){
if(err) {
alert(err.message);
}
else {
var ul = document.getElementById(“warehousesList”);
records.forEach(function(record) {
// Build the text for a warehouse line item
var whText = record.get(“Name”);
whText += ” — “;
whText += record.get(“Phone”);

// Add the line item to the warehouses list
var li = document.createElement(“li”);
li.appendChild(document.createTextNode(whText));
ul.appendChild(li);
});
}
});
};
</script>

<h1>Retrieve Warehouses via Remote Objects</h1>

<p>Warehouses:</p>

<ul id=”warehousesList”>
</ul>
<button onclick=”fetchWarehouses()”>Retrieve Warehouses</button>

</apex:page>

You can refer the following link for more information:

https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_remote_objects.htm

Thanks.