How to hide form code from view code/inspect element browser?

by

You simply can’t.

Code inspectors are designed for debugging HTML and JavaScript. They do so by showing the live DOM object of the web page. That means it reveals HTML code of everything you see on the page, even if they’re generated by JavaScript. Some inspectors even shows the code inside Iframes.

How about some JavaScript to disable keyboard / mouse interaction…

There are some JavaScript tricks to disable some keyboard, mouse interaction on the page. But there always are work around to those tricks. For instance, you can use the browser top menu to enable DOM inspector without a problem.

Try theses:

They are outside the control of JavaScript.

Big Picture

Think about this:

  1. Everything on a web page is rendered by the browser, so they are of a lower abstraction level than your JavaScript. They are “guarding all the doors and holding all the keys”.
  2. Browsers want web sites to properly work on them or their users would despise them.
  3. As a result, browsers want to expose the lower level ticks of everything to the web developers with tools like code inspectors.

Basically, browsers are god to your JavaScript. And they want to grant the web developer super power with code inspectors. Even if your trick works for a while, the browsers would want to undo it in the future.

You’re waging war against god and you’re doomed to fail.

Conclusion

To put it simple, if you do not want people to get something in their browser, you should never send it to their browser in the first place.

More Related Contents:

  1. How to prevent page from reloading after form submit – JQuery
  2. How to send data to the server via Ajax?
  3. jQuery append function is just appending the html but not the classes related to it
  4. Updating php values using jquery
  5. HTML: how refresh information in [closed]
  6. How to receive special character?
  7. jQuery AJAX file upload PHP
  8. Stop form refreshing page on submit
  9. Submitting a form on ‘Enter’ with jQuery?
  10. JavaScript does not fire after appending [duplicate]
  11. How to send a JSON object using html form data
  12. Prevent form redirect OR refresh on submit?
  13. Check if option is selected with jQuery, if not select a default
  14. How to show progress bar while loading, using ajax
  15. Adding POST parameters before submit
  16. How do I use jQuery’s form.serialize but exclude empty fields
  17. jQuery – select all text from a textarea
  18. pdf file upload ajax html
  19. How can I get jQuery .val() AFTER keypress event?
  20. Populating a select box using JQUERY, AJAX and PHP
  21. Submit form after calling e.preventDefault()
  22. How to prevent form element from sending some fields we don’t want?
  23. How do you limit options selected in a html select box?
  24. How do I debug jquery AJAX calls?
  25. Passing JSON data from php to html-data attribute and then to Javascript
  26. Send form data using ajax
  27. Ajax upload not working codeigniter
  28. .js.erb VS .js
  29. Clear form after submission with jQuery
  30. jquery serialize and multi select dropdown

Leave a Comment