How to Submit a HTML Form to Google Sheet Using Apps Script

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 พ.ย. 2024

ความคิดเห็น • 110

  • @UpendraLele
    @UpendraLele ปีที่แล้ว +1

    Very useful video! Thanks a lot!!

  • @shasalita460
    @shasalita460 2 หลายเดือนก่อน

    This is awesome! Thank you. However is there a way you can put a sequence on each video so we'll know which one to do first? I tried following your videos, sadly, my form only works in this sequence
    Invoice generation with bootstrap
    Add /Delete button in jquery
    Calculation Invoice amt
    after that i tried Generate invoice number, Dropdown, submit an HTML to google app sheet but now it doesn't work. Please let us know which one to go first in the series.

  • @maverick.gaurav
    @maverick.gaurav ปีที่แล้ว

    Badhiya video!

  • @reimversolutions5933
    @reimversolutions5933 ปีที่แล้ว

    Well done you explained everything in detail very politely I love your teaching style, Sir can you create a video how to create upload file option in same sheet

    • @selfimagination
      @selfimagination  ปีที่แล้ว +2

      Thank you, Soon I will also upload video related to Image upload.

    • @selfimagination
      @selfimagination  ปีที่แล้ว +1

      Recently, the video of uploading image on google sheet has been published on this channel.

  • @globalwastesolution2055
    @globalwastesolution2055 8 หลายเดือนก่อน

    Best n perfect ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @coolrasel87
    @coolrasel87 8 หลายเดือนก่อน

    thanks bro, good tutorial. how to skip fast blank row in description part when submit ? can you publish the modified code

    • @selfimagination
      @selfimagination  8 หลายเดือนก่อน

      Welcome, Thanks for Watching. Put some logic regarding index on appendRow

  • @gjithckaal
    @gjithckaal ปีที่แล้ว

    Thank you very much for your videos !
    Please can you tell me how to display data from html to Spreadsheet if there is a Checkbox input type in the HTML page ?

  • @xyzCompany-z6v
    @xyzCompany-z6v 9 หลายเดือนก่อน

    Hello bro if you give vedio as number wise 1,2,3 according to work it's better.

  • @Adrian-zc8gk
    @Adrian-zc8gk 9 หลายเดือนก่อน

    Hi, thanks for the video. Is there a way to not open any output page when submitting the form?

    • @selfimagination
      @selfimagination  9 หลายเดือนก่อน

      Welcome, Thanks for watching, this is absolutely a solution, now we have posted the data using action from form tag, instead you can post the form using jQuery so that you do not get any output page displayed. only page will be displayed.

  • @dimitrisvoudouris
    @dimitrisvoudouris ปีที่แล้ว

    very nice work. thank you

  • @nabinprakashrai
    @nabinprakashrai ปีที่แล้ว

    is it possible to get data in google sheet rowwise? instead of gap.
    example order no2 can have two items order. data should be in google shhet in row1 and row 2.

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Thank you for watching the video, you can get row wise data from google sheet, here you have to write separate code to manage the gap, it is even easier to get row wise data, once you complete my Watch the invoice series playlist, many of your doubts will be cleared.

  • @nabinprakashrai
    @nabinprakashrai ปีที่แล้ว

    how to make it mobile friendly? in mobile, item description is not showing fully.

  • @FANITUBE-kn8ii
    @FANITUBE-kn8ii 8 หลายเดือนก่อน

    Scndeep sir meri html file desktop pe hai
    Ouske leyay submission script kaisay set karoon ??

    • @selfimagination
      @selfimagination  8 หลายเดือนก่อน

      Thanks for Watching. Yah Example Desktop wali index.html file ke liye hain , form action par ham apps script ki link denge or Apps Scrtip me doPost function me Values ko Receive kar lenge.

  • @Tamizh_Paiyan
    @Tamizh_Paiyan ปีที่แล้ว +1

    how to add total amount to google sheet

  • @monicadeodhar
    @monicadeodhar 10 หลายเดือนก่อน +1

    Thank you. After writing data to excel, the page displays error that cannot access. What could be the reason?

    • @selfimagination
      @selfimagination  10 หลายเดือนก่อน

      Welcome, While Deploying the web API you have created, we have to give access rights, if you have not given rights on it then such issues may arise.

    • @monicadeodhar
      @monicadeodhar 10 หลายเดือนก่อน

      @@selfimagination Thanks. have given rights and even as a prevention shared the sheet as "editor". Happens in both firefox and chrome. Will make fresh project and check. Thanks but for the great explanation !!!

    • @selfimagination
      @selfimagination  10 หลายเดือนก่อน

      Welcome, you will check, still let me know if any issue arises.

  • @AmanKumar-cn5yc
    @AmanKumar-cn5yc 10 หลายเดือนก่อน

    Page Jitna scroll kre utna hi load ho please make this topic video jQuery se aur php se

    • @selfimagination
      @selfimagination  10 หลายเดือนก่อน

      Video Published: इस Topic पर वीडियो पब्लिश हो गया हैं, केवल आप Apps Script API की जगह Ajax का उपयोग कर लीजिएगा

  • @yousuftech22
    @yousuftech22 ปีที่แล้ว +1

    Hello sir how are you. Invoice data submit with app script to google sheet

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      I'm fine, This is the video related to what you have commented on me.

  • @athiwatmangkorn4062
    @athiwatmangkorn4062 ปีที่แล้ว +1

    I did the same instructions in the explanation but it shows
    Error
    TypeError: Cannot read properties of undefined (reading 'parameters') @doPost
    How to fix it.?

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Thanks for Watching.
      1. When we receive multiple values then they come in "parameters" and single row values come in "parameter",
      2. It is necessary to give the "name" of the input on the form you created, it does not get the value from the "id".
      There are two main reasons for this error to occur.

    • @lomandaspal3204
      @lomandaspal3204 ปีที่แล้ว

      Same problem

  • @SafiyullaMona
    @SafiyullaMona ปีที่แล้ว

    How to set specific time to dont want to submit data. (Example: i don't need to submit data from 10am to 10pm) using App script. How change app script code. Plz help me

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      You have to apply validations, you can apply it with JavaScript / jQuery as well as with apps script, in the 3rd video that will be published, you can probably get help for this type of validation.

    • @SafiyullaMona
      @SafiyullaMona ปีที่แล้ว

      @@selfimagination Thank you

    • @SafiyullaMona
      @SafiyullaMona ปีที่แล้ว

      @@selfimagination can you make a code for me in the google sheet app script

  • @Alvids222
    @Alvids222 3 หลายเดือนก่อน

    Showing type error in let inv = e.parameters

  • @yousuftech22
    @yousuftech22 ปีที่แล้ว

    Nice tutorial sir how to google app script include HTML file join possible?

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Thank You, Will make a video on this topic soon.

    • @yousuftech22
      @yousuftech22 ปีที่แล้ว

      @@selfimagination tanks sir I'm waiting for your video

  • @iqbalmohammad786
    @iqbalmohammad786 ปีที่แล้ว

    Google sheet Web app LOGIN user WISE data open And Read Update then export pdf .
    Plz make video and share code.

  • @Tamizh_Paiyan
    @Tamizh_Paiyan ปีที่แล้ว

    Sir im getting this error..please help me to solveTypeError: Cannot read properties of null (reading 'appendRow') (line 9, file "Code")

    • @selfimagination
      @selfimagination  ปีที่แล้ว +1

      There can be two reasons for the issue on line number 9
      1. In the InvSheet that you have taken, it is not appending because the name of the sheet is not correct, for this you can try appending something manually on the sheet once.
      2. There is a spelling mistake in the e.parameters that you have passed here, due to which there is a difference between the name used in your html and here.

    • @Tamizh_Paiyan
      @Tamizh_Paiyan ปีที่แล้ว

      Thanks for your prompt reply@@selfimagination

    • @Tamizh_Paiyan
      @Tamizh_Paiyan ปีที่แล้ว

      @@selfimagination I tried all still I'm getting this error...

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      By commenting all other code, check only by giving manual value in appendRow, then you will know whether there is issue in appendRow or somewhere else.

  • @samay-jq4ds
    @samay-jq4ds 7 หลายเดือนก่อน

    e.parameters (Type error: Cannot read properties of undefined (reading 'parameters')

    • @selfimagination
      @selfimagination  7 หลายเดือนก่อน

      Thanks for Watching.
      1. What we wrote in the input name in HTML and the variables taken here should be the same.
      2. Instead of all the variables in one line, you can write them in different lines and then look at the line number on the error console to know which variable is taken wrong.

  • @SafiyullaMona
    @SafiyullaMona ปีที่แล้ว

    How to increase the size of "invoice submitted" text in result screen 😊

  • @VishalKaushal-og8he
    @VishalKaushal-og8he ปีที่แล้ว

    Hlo sir my inputs is not saving in google sheet only the return value is shown on screen after submitting the form and doesn't show any error

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      1. Check the name attribute of the input tag once
      2. In doPost, console.log(e.parameters); see return

  • @haasan2336
    @haasan2336 8 หลายเดือนก่อน

    Bro how to solve that which you discusses @ time 19:25

    • @selfimagination
      @selfimagination  8 หลายเดือนก่อน

      Thanks for Watching. There is a link to the source code in the description of this video, open it, you will find the code of Apps Script in it. You will see in that code. You will get a logic with (i > 0), you can understand from there and implement it in your project.

  • @bhaveshpopat6973
    @bhaveshpopat6973 11 หลายเดือนก่อน

    I Got Error
    Cannot read properties of undefined (reading 'forEach')
    headers are get in google sheet but details are not

    • @ErikCuesta
      @ErikCuesta 3 หลายเดือนก่อน

      I'd the same problem, nice tutorial

  • @ahmedfizah7408
    @ahmedfizah7408 ปีที่แล้ว +1

    Why is the index file not kept in appscript in google?

    • @selfimagination
      @selfimagination  ปีที่แล้ว +2

      The index file can also be kept in the file of the Apps Script.
      In this video that I have made, I have just connected the Google Sheet with the index file of the local host.
      In the coming next video the Html file will be created in the Apps Script file section.
      Thank you

    • @ahmedfizah7408
      @ahmedfizah7408 ปีที่แล้ว

      @@selfimagination when will the next vedio come?

    • @ahmedfizah7408
      @ahmedfizah7408 ปีที่แล้ว

      If we want to submit the table data to the google sheet instead of post method can we use the following code? Please advise further
      function pasteRequisicaoHtml(table) { var ss = SpreadsheetApp.openById("1J_7GZ1C7pgHuRsdfsdfsdfsdf"); var sheet = ss.getSheetByName('Sheet5'); // Modified var lastRow = sheet.getLastRow(); // Added var req = { requests: [{ pasteData: { html: true, data: table, coordinate: { sheetId: sheet.getSheetId(), // Modified rowIndex: lastRow, // Modified columnIndex: 0, }, }, }, ], }; Sheets.Spreadsheets.batchUpdate(req, ss.getId()); sheet.deleteRow(lastRow + 1); // Added }

    • @gsrathore97x
      @gsrathore97x ปีที่แล้ว

      Sara code files Google app scripts me hi rhe to best hai

  • @LiTerminal
    @LiTerminal ปีที่แล้ว

    Same code ko Mysql main kaise insert kare?

    • @selfimagination
      @selfimagination  ปีที่แล้ว +1

      बहुत ही जल्द HTML to MySQL Related Video Publish होने वाला हैं ।

  • @organickrishi5679
    @organickrishi5679 9 หลายเดือนก่อน

    How to google sheet data into dynamic html form

    • @selfimagination
      @selfimagination  9 หลายเดือนก่อน

      Thanks for Watching, There is a video on this channel whose title is "How to Display Google Sheets Data in a Table and Show Details on an HTML Page", you can watch it once, apart from this there are some more videos which you can watch.

  • @atharvakulkarni7925
    @atharvakulkarni7925 ปีที่แล้ว

    sir it gives me a error the error is :cannot read properties of null

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Where the error is coming, the line number will also be coming there. send me the code on which line is error

  • @parikannappan1580
    @parikannappan1580 ปีที่แล้ว

    I want to do the reverse , spreedsheet to HTML

    • @selfimagination
      @selfimagination  ปีที่แล้ว +1

      Thanks for Watching,
      There is a video on this channel in which you can show data from Google Sheet to HTML, the title of which is "How to Pull Data From Google Sheet To HTML Table Using Apps Script"

  • @DeepakDas-i7t
    @DeepakDas-i7t ปีที่แล้ว

    Thanks Sir, form submit karne ke bad Forbidden error 403 aa rha hai. please guide.

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Welcome,
      1. एक बार सभी लिंक चेक कर लीजिए
      2. आपने जो Project Deploy किया उसमे एक Permission पूछता हैं Anyone ओर only me, वहा पर आप Anyone सिलेक्ट करके देखिएगा ।
      फिर भी नहीं हो तो एक बार Chrome पर incognito Mode पर Execute कीजिएगा ।

  • @SithuChill
    @SithuChill ปีที่แล้ว +1

    Good Job , I got error {"error":"Bad data format"} Can help me pls

    • @selfimagination
      @selfimagination  ปีที่แล้ว +1

      Thank you, Check once the data that is being sent by post, if multiple rows are not sent then try using e.parameter instead of e.parameters.

    • @SithuChill
      @SithuChill ปีที่แล้ว

      @@selfimagination Thanks for quick reply I do all of them in google apps script still I got error { Failed to load resource: the server responded with a status of 400 ()}

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      When you deploy, at that time an option appears, which access you will see once by selecting "Anyone" option, maybe the problem will be solved.

    • @SithuChill
      @SithuChill ปีที่แล้ว

      @@selfimagination your html file in local host or with google sheet, I create all of them with google sheet, I can't find what's wrong

    • @SithuChill
      @SithuChill ปีที่แล้ว

      I send email pls check

  • @bosemultimedia3967
    @bosemultimedia3967 8 หลายเดือนก่อน

    How to Show Curd Data Table??

    • @selfimagination
      @selfimagination  8 หลายเดือนก่อน

      Thanks for Watching.
      Watch this video for Crud Table "2. CRUD : Dynamic Google Sheet Data to HTML Table using Apps Script"

  • @RaviSingh-ro2iu
    @RaviSingh-ro2iu 8 หลายเดือนก่อน

    sir data submit kar rahe to problem aa rhai hai

    • @selfimagination
      @selfimagination  8 หลายเดือนก่อน

      Console par Error Message aa raha hoga vah mujhe bhej dijiye

  • @atiyhmaprok4346
    @atiyhmaprok4346 ปีที่แล้ว

    I did the same instructions in the explanation but it shows
    Error
    TypeError: Cannot read properties of undefined (reading 'parameters')

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Thanks for watching.
      What is set in the name attribute of the inputs in the html form, the same is used in e.parameters in doPost of Apps Script.
      That's why you check HTML input name and inv parameters once.

    • @atiyhmaprok4346
      @atiyhmaprok4346 ปีที่แล้ว +1

      @@selfimagination Script function not found: doGet

    • @doshi_kevin
      @doshi_kevin ปีที่แล้ว

      getting same error @@atiyhmaprok4346

  • @bosemultimedia3967
    @bosemultimedia3967 8 หลายเดือนก่อน

    TypeError: Cannot read properties of undefined (reading '0') (line 9, file "Code")

    • @selfimagination
      @selfimagination  8 หลายเดือนก่อน

      Thanks for Watching. Check all the variables taken on the line number on which the error is occurring. They are not getting the value. The names of the variables input in the HTML and the variables taken in the apps script should be the same.

  • @dnaml168
    @dnaml168 ปีที่แล้ว

    Script function not found: doGet

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Thanks for watching.
      In this video, the HTML page that has been created and submitted the data is created on the HTML Page Local Computer, hence doPost is used. If you are getting Script Function Not Found Message, then once you create an empty function doGet, or you watch some other videos of this channel, so that you will get the idea of doGet.

  • @pappuraguvanshi2962
    @pappuraguvanshi2962 ปีที่แล้ว

    Sir namste ye code muje starting se dekhna ho to kaise dekhe

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Namaste, Aap isi Channel ki Playlist me ja kar "Google Apps Script" aur "Invoice Generation" wali play list dekhe, inme aapko starting se kaise banaya hain uski jankari mil jaegi.
      Thanks

  • @nghitran3029
    @nghitran3029 ปีที่แล้ว

    Can you give this code file (include html and css, app script). Tks

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Thanks for Watching.
      In the description of this video, you will get a link to an article in which you will get the source code.

    • @nghitran7982
      @nghitran7982 ปีที่แล้ว

      @@selfimagination Tks for your reply

  • @yousuftech22
    @yousuftech22 ปีที่แล้ว

    Hello sir this doGet function it possible

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Video will also come soon on doGet function

    • @yousuftech22
      @yousuftech22 ปีที่แล้ว

      @@selfimagination hello sir your tutorial is very nice sir when next tutorial published

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Video Published "How to Pull Data From Google Sheet To HTML Table Using Apps Script"

    • @yousuftech22
      @yousuftech22 ปีที่แล้ว

      Hello sir how to getElementById submit invoice google app script and connected

  • @bhergieestabillo8599
    @bhergieestabillo8599 ปีที่แล้ว

    How to add dropdown. Thank youuu

    • @selfimagination
      @selfimagination  ปีที่แล้ว +1

      Welcome, Will upload soon.

    • @bhergieestabillo8599
      @bhergieestabillo8599 ปีที่แล้ว +1

      @@selfimagination Thank youuu! Dont stop making content. Im new to html and im following ur tutorialsssss 🤗

    • @selfimagination
      @selfimagination  ปีที่แล้ว

      Video Published "Dropdown from Google Sheet"

  • @atharvakulkarni7925
    @atharvakulkarni7925 ปีที่แล้ว

    please help me.