[Plugin: SpeakUp! Email Petitions] Require other fields

To make the other fields required, you will need to edit the relevant JavaScript files — /js/public.js for the shortcode form and /js/widget.js for the widget. You can use the required check for the last name field as a model for the other fields you want to make required (the following begins on line 41 in public.js):

if ( lastname === '' ) {
	$( '#dk-speakup-last-name-' + id ).addClass( 'dk-speakup-error' );
	errors ++;
}

To make the street field required, you would just duplicate that bit of code and change the variabales and field ids as needed:

if ( street === '' ) {
	$( '#dk-speakup-street-' + id ).addClass( 'dk-speakup-error' );
	errors ++;
}

Keep following this model for any other fields you want to make required.

The asterisks are added by a CSS class named “required” which is added to the field labels.

For the shortcode form, you’ll need to edit /includes/emailpetition.php. Add class=”required” to the labels of each required field. The HTML output for that form begins on line 33. So, if you are making the Street field required, to add the asterisk you would change line 56 from this:

<label for="dk-speakup-street-' . $petition->id . '">' . __( 'Street', 'dk_speakup' ) . '</label>

to this:

<label class="required" for="dk-speakup-street-' . $petition->id . '">' . __( 'Street', 'dk_speakup' ) . '</label>

and so on with the other label tags.

To make these changes to the widget form, you’ll need to edit /includes/widget.php. The form output in that file begins around line 175.