Why does a on Comment edit page submit the page?

This is happening because the entire comment edit page is inside a <form> element, and the <button> element submits any form that it belongs to. This is the normal behaviour of buttons in HTML.

If you don’t want a button to act as a submit button, you need to set the type attribute to button:

<button class="ed_button button button-small" onclick="copy_civicrm_subject_code()" type="button">
  Copy
</button>

The default type attribute for a button is submit, which is why it behaves that way unless you set it to button.

Related Posts:

  1. How to load javascript file on homepage in WordPress in order?
  2. Reactjs – Form input validation
  3. Angular: mat-form-field must contain a MatFormFieldControl
  4. No value accessor for form control
  5. Send POST data using XMLHttpRequest
  6. Setting onSubmit in React.js
  7. jQuery AJAX submit form
  8. How to reset a form using jQuery with .reset() method
  9. JavaScript post request like a form submit
  10. How to create a HTML Cancel button that redirects to a URL
  11. What does ngf-select do and why is it needed for form validation?
  12. JavaScript post request like a form submit
  13. How can I get form data with JavaScript/jQuery?
  14. {“error”: “Please use POST request”} – alternative solution to submitting a form
  15. FormData append not working
  16. JavaScript code to stop form submission
  17. how to write javascript code inside php
  18. ngular is automatically adding ‘ng-invalid’ class on ‘required’ fields
  19. Add custom form to theme
  20. How to replace a javascript select box onchange event to a form submit action?
  21. How do I embed a Javascript form directly into a page?
  22. How do you filter the list of states when country is selected? [closed]
  23. Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
  24. How to add “on change” to a text input in contact form7?
  25. Add captcha validation to my custom form for Frontend posting
  26. How to add a onclick attribute to a list of checkboxes?
  27. Close modal window after form submit [closed]
  28. Form will not popup, when clicking on the link to the form
  29. How to show cities according to the state in Form using Javascript? [closed]
  30. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  31. Error handling for wpdb error – displaying an error message to the user
  32. How to change number field to text field using JS
  33. CCF7 Field numbuer prefilled after Click event
  34. Get Comment Text via REST API
  35. Sending GravityForms to custom HTML
  36. Testing a Form’s Zipcode Field with Regular Expressions to Determine WordPress Page Behaviour
  37. Comment form in wordpress theme returns a javascript alert
  38. Facebook fanbox problem
  39. Bootstrap bundle present in page source but not working
  40. How t Remove Labels from comment Box
  41. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  42. Show a popup message when file is uploaded
  43. How to display contact form 7 form in vanilla js without jquery in frontend
  44. Append html to div
  45. Change each text after 4 second and each image after 2 second
  46. wp_handle_upload returns a critical error response or invalid form submission
  47. Hook a script as the very last one before the closing body tag
  48. Problem extending a core block
  49. How to import a JavaScript Library into WordPress
  50. how to let users upload their custom cover image
  51. imporing HTML+javascript from REST API
  52. how to use nimble-API and Display data?
  53. How do I add tags to entire comments, not just their text
  54. Using Ajax to submit a form, and run a SQL Select query based on user input from the form
  55. Dynamically add Js
  56. JS / jQuery in Elementor pages vs JS file
  57. Script widget works only in admin view but not in Public
  58. Uncaught TypeError: switchEditors.switchto is not a function
  59. Load JavaScript on specific page with @wordpress compiler
  60. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  61. Cascading dropdown select search based on Parent Page & Child Page
  62. How WP does Mortgage affordability calculation
  63. onclick not working since move from HTML to WP
  64. How to set javascript options for select2 in PHP array of plugin
  65. create timestamp links to jump to specific times on rumble videos
  66. Putting custom html/js page into Elementor as it’s own block
  67. Add Paypal button redirect to a specific page after completing
  68. Multiple jQuery inputs or binds in Customizer Control Javascripts
  69. wp post_tag change minlength
  70. How to get file object from file_attachment?
  71. How to load Javascript code or functions.php later in a child theme?
  72. google pie chart in wordpress
  73. How to locate the js code and php code for certain function?
  74. How to validate image with specific height and width selection in media selector
  75. Modal won’t appear on all pages
  76. How to change the link address from internal to external
  77. How do you create your own link preview for my website?
  78. Can’t get rid of JQMIGRATE: Migrate is installed, version 3.3.2. Manually updated all the libralies and site. 5.8.2
  79. how to add a custom javascript file to our theme
  80. Script only works on wordpress home page & only when Jqurery is aded using
  81. how to prevent added meta box from being injected with style=”position: fixed; top: 56px;” at scroll down
  82. I want to make a post api call once a post or page is published/updated and show a javascript alert box saying ‘Post has been published/updated’
  83. download svg to png size image
  84. Add a Page Screen is Visually Blank
  85. Taxonomy Template displaying different color post tag js
  86. Debugging JS errors
  87. Check if user can in javascript
  88. Javascript File Does Not Work
  89. login form should redirect to register page for in 1st login next time it should redirected to home page
  90. JS inside modal doesn’t work
  91. How to Get Post Meta in .Js File [duplicate]
  92. My code will not execute in wordpress, even though I’ve been told the code is fine
  93. Drag-to-Scroll Landingpage
  94. wp-api Backbone JS Client fetch options
  95. How to display different content on the same page using different URLS
  96. Easiest way to find JS conflicts
  97. Save in localstorage and db and show it later
  98. Web cover page open when button clicked
  99. internal anchor links no longer working after upgrade
  100. Deferring Script wp-i18n causes a console error ‘wp is not defined’ – Gravityforms
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)