Questions tagged [ninja-forms]

Ninja Forms is a form creation framework for WordPress.

Ninja Forms

Requires at least: 3.8 Tested up to: 4.2.2 Stable tag: 2.9.26 License: GPLv2 or later

Forms created with a simple drag and drop interface. Contact forms, Email collection forms, or any other form you want on your WordPress site.

Description

Ninja Forms is the ultimate FREE form creation solution for WordPress. Build WordPress Forms within minutes using Ninja Forms powerful forms creation page. It allows you to easily and quickly design complex forms through a drag and drop interface and absolutely no code. But for you developers it has a ton of hooks and filters so you can do absolutely anything with this powerful form building framework.

Ninja Forms Features:

  • Custom input masks allow you to restrict user input in your forms for things like phone numbers, currency, and dates.
  • Manage, Edit, and Export form user submissions.
  • Save fields as favorites and re-use them in multiple forms.
  • Export and Import forms and favorite fields.
  • Set required fields.
  • Add a datepicker to text fields.
  • Email form results to any number of pre-determined email addresses, as well as specific messages to the user filling out the form.
  • Customize form emails with the WordPress editor.
  • Anti-Spam field.
  • Extremely developer friendly.
  • Submit your form by reloading the page or asynchronously with AJAX.
  • Please note that if you are using a version of PHP lower than 5.3, you may experience some problems using AJAX Submissions. These can be minimized by using simple success/error messages without any quotes or special characters.

Ninja Forms Documentation

177 questions
17
votes
1 answer

Ninja Forms 3.0 On Form Load javascript event

I'm trying to find a javascript event that gets fired when a ninja form is ready and is loaded in the DOM. I looked over the documentation and searched around google for a while, couldn't find anything... I'm using Ninja Forms 3+ (even though 2…
zsawaf
  • 1,921
  • 16
  • 24
14
votes
1 answer

WordPress NinjaForms JavaScript API before submit

I'm using WordPress Ninja Forms and I'm trying to create a form preview which has to be accepted before the Data is sent via Ajax. That means I need to add custom JS-Code between the form validation and the submit process. So far I tried the…
Nico Martin
  • 1,268
  • 1
  • 14
  • 23
13
votes
2 answers

Custom jQuery not working on Wordpress Ninja Forms plugin

I am having some problems when I want to add custom jQuery code that affects the form. For example when someone clicks an input or radio button another input or element to be hidden or shown.I tried to get a result like console.log('trigger'); when…
Philipos D.
  • 2,036
  • 1
  • 26
  • 33
12
votes
4 answers

Creating pages from Ninja form data

I've created a WordPress page with a Ninja form on it that collects miscellaneous data about a product, including some uploaded images. The page with the form is accessible from the main menu by clicking the "Input" item, so the user doesn't need…
Steve
  • 4,534
  • 9
  • 52
  • 110
10
votes
2 answers

Prevent infinite AJAX loop when using own API

I am currently trying to figure out integration between 2 Wordpress plugins: the WooCommerce Follow Up Emails plugin, and the Ninja Forms plugin (with the end goal that we can send a manual-type followup email template as an action in response to…
Chris O'Kelly
  • 1,863
  • 2
  • 18
  • 35
6
votes
2 answers

How to Pre Populate a Ninja Form hidden field from an Advanced Custom Field?

I have Ninja Forms and ACF for WordPress installed. I have a hidden field in Ninja Forms and I need to repopulate this with the value from an ACF field. I tried simple jQuery but it doesn't work: $('input[name=nf-field-19]').val('
conradical
  • 95
  • 1
  • 4
3
votes
1 answer

Adding custom fields to Ninja Forms

I'm trying to add a custom field to Ninja Forms (v. 3.3). Can't find a complete example anywhere. Digging through the code it seems that the filter 'ninja_forms_register_fields' would do the trick but I can't get it to run anywhere.
Apeli
  • 509
  • 7
  • 17
3
votes
1 answer

Reading / Accessing API response while using Ninja Forms Webhooks add-on

I am using Ninja Forms with Webhooks add-on to submit form data to a third party API. Everything works fine, the data is submitted and I can see a response when running add-on in debug mode. The question is how do I access an API response so I could…
sniurs
  • 135
  • 4
  • 13
3
votes
1 answer

How can I get data from Ninja Forms to appear in frontend?

I just know a little bit about Javascript, I'm not a programmer yet. I created a Ninja Forms to be used in my Wordpress site. When a user fills out the 4 fields of the form and press Submit, I need those data to appear always in the frontend ( in…
Alfredo
  • 31
  • 1
  • 5
3
votes
1 answer

Transition animation using inline styles (CSS or jQuery)

I'm using the progress bar that comes with the Ninja Forms Multi-Part Form addon and here's the setup of the progress bar.
When I advance to each…
Bobby
  • 113
  • 1
  • 11
3
votes
2 answers

Ninja Forms: Multi Part Forms - Next Step On Field Click (jQuery)

I've been having trouble implementing jQuery click events with Ninja Forms + Multi Step form plugin. The goal is to eliminate the need for the user to click the "Next" button. Using the following function, I can successfully trigger a click on the…
3
votes
2 answers

submit to ninja form programmatically

I've been researching for days and all I want to be able to do is create entries in the ninja form admin listings. Either by submitting custom form (not ninja form generated) or just calling a hook and passing data (data will match actual form…
Govnah
  • 321
  • 1
  • 5
  • 13
3
votes
0 answers

Ninja Forms - Disabling Form Submit/Adding custom Validation in before form can be submit

Essentially, what I am looking to do is prevent (disable) a form from being submit until I have been able to verify that a number that has been input into an input field, is equal to an ID of an array of posts in Wordpress. Is this possible within…
3
votes
2 answers

Displaying custom error messages in wp ninja forms

How can I show custom error messages in wordpress ninja forms plugin. I have searched for ninja forms docs but unable to reach the site. By default the error message is showing as This is a Required field. I want it to be Please enter respective…
3
votes
2 answers

Pass a variable to a Ninja Form field

THE AIM The following function should pre-populate a hidden field (hidden_email...) on my form using a variable. THE SUSPICION The variable "$cust_email" that I need to pass to the field is however declared already while the page is being loaded.…
Tom
  • 35
  • 1
  • 4
1
2 3
11 12