thiscodeWorks - Organizing the best of code online

Disable Submit until reCAPTCHA is clicked

<script is:inline>
    document.getElementById('wf-form-Digital-Wings-Contact-Page-Form').addEventListener('submit', function (event) {
      if (window.grecaptcha.getResponse().length > 0) { return; }
      event.preventDefault();
    });
</script>

#php #secure #input #forms

Filter and Secure Input Forms - PHP Function

function secure_input($data) {
  $data = trim($data);
  $data = stripslashes($data);
  $data = htmlspecialchars($data);
  return $data;
}

#django #internationalization #localization #formview #forms #genericviews

FormView get success url according to current language

// views.py
class SomeFormView(FormView):

    def get_success_url(self):
        if 'ka' in self.request.get_full_path():
            success_url = '/ka/message-sent/'
        elif 'en' in self.request.get_full_path():
            success_url = '/en/message-sent/'
        else:
            success_url = '/message-sent/'
        return success_url

// template.html
<form action="{% url 'app_name:message-sent' %}">
  	{% csrf_token %}
	{{ form }}  
</form>

#html #forms

Ensure the remaining content doesn't hide behind the #navbar

/* #navbar is the topmost element and <main> contains all other content */

#navbar {
  /* CSS property ensuring #navbar always stays in the same place even if the page is scrolled: */
  position: fixed;
}

main {
  /* Ensure the remaining content doesn't hide behind the #navbar: */
  position: absolute;
  z-index: 1;
  top: 100px;
}

#html #forms

why will the information from the first <input> element NOT be sent to /processing.html when the form is submitted?

<!--código mal-->
<form action="/processing.html" method="GET">
  <input type="text" id="username">
  <input type="submit" value="submit"> 
</form>

#html #forms

A form containing a slider that has a maximum value of 100, a minimum of 0 and moves in steps of 10

<form action="/processing.html" method="GET">
  <label for="mystery">What gets rendered?</label>
  <input type="range" id="mystery" name="mystery" min="0" max="100" step="10">
</form>

#css #design #forms

[CSS] Hiding arrows in Numeric Form Input

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

html {
    background-color: peachpuff;

Disable Submit until reCAPTCHA is clicked

Filter and Secure Input Forms - PHP Function

FormView get success url according to current language

Ensure the remaining content doesn't hide behind the #navbar

why will the information from the first <input> element NOT be sent to /processing.html when the form is submitted?

A form containing a slider that has a maximum value of 100, a minimum of 0 and moves in steps of 10

[CSS] Hiding arrows in Numeric Form Input

Save snippets that work with our extensions