Render input on frontend

Author: simison

projects/packages/forms/src/contact-form/class-contact-form-field.php

@@ -249,6 +249,13 @@ public function validate() {
 					$this->add_error( sprintf( __( '%s requires at least one selection', 'jetpack-forms' ), $field_label ) );
 				}
 				break;
+			case 'number':
+				// Make sure the number address is valid
+				if ( ! is_numeric( $field_value ) ) {
+					/* translators: %s is the name of a form field */
+					$this->add_error( sprintf( __( '%s requires a number', 'jetpack-forms' ), $field_label ) );
+				}
+				break;
 			default:
 				// Just check for presence of any text
 				if ( ! is_string( $field_value ) || ! strlen( trim( $field_value ) ) ) {
@@ -910,6 +917,25 @@ public function render_date_field( $id, $label, $value, $class, $required, $requ
 		return $field;
 	}
 
+	/**
+	 * Return the HTML for the number field.
+	 *
+	 * @param int    $id - the ID.
+	 * @param string $label - the label.
+	 * @param string $value - the value of the field.
+	 * @param string $class - the field class.
+	 * @param bool   $required - if the field is marked as required.
+	 * @param string $required_field_text - the text in the required text field.
+	 * @param string $placeholder - the field placeholder content.
+	 *
+	 * @return string HTML
+	 */
+	public function render_number_field( $id, $label, $value, $class, $required, $required_field_text, $placeholder ) {
+		$field  = $this->render_label( 'number', $id, $label, $required, $required_field_text );
+		$field .= $this->render_input_field( 'number', $id, $value, $class, $placeholder, $required );
+		return $field;
+	}
+
 	/**
 	 * Return the HTML for the default field.
 	 *
@@ -1102,6 +1128,9 @@ public function render_field( $type, $id, $label, $value, $class, $placeholder,
 			case 'consent':
 				$field .= $this->render_consent_field( $id, $field_class );
 				break;
+			case 'number':
+				$field .= $this->render_number_field( $id, $label, $value, $field_class, $required, $required_field_text, $field_placeholder );
+				break;
 			default: // text field
 				$field .= $this->render_default_field( $id, $label, $value, $field_class, $required, $required_field_text, $field_placeholder, $type );
 				break;

projects/packages/forms/src/contact-form/class-contact-form-plugin.php

@@ -520,6 +520,19 @@ public static function gutenblock_render_field_file( $atts, $content ) {
 		return Contact_Form::parse_contact_field( $atts, $content );
 	}
 
+	/**
+	 * Render the number field.
+	 *
+	 * @param array  $atts - the block attributes.
+	 * @param string $content - html content.
+	 *
+	 * @return string HTML for the file upload field.
+	 */
+	public static function gutenblock_render_field_number( $atts, $content ) {
+		$atts = self::block_attributes_to_shortcode_attributes( $atts, 'number' );
+		return Contact_Form::parse_contact_field( $atts, $content );
+	}
+
 	/**
 	 * Add the 'Form Responses' menu item as a submenu of Feedback.
 	 */

projects/packages/forms/src/contact-form/class-contact-form.php

@@ -868,6 +868,9 @@ public static function get_default_label_from_type( $type ) {
 			case 'name':
 				$str = __( 'Name', 'jetpack-forms' );
 				break;
+			case 'number':
+				$str = __( 'Number', 'jetpack-forms' );
+				break;
 			case 'email':
 				$str = __( 'Email', 'jetpack-forms' );
 				break;
@@ -977,6 +980,7 @@ public function get_field_ids() {
 			switch ( $type ) {
 				case 'email':
 				case 'name':
+				case 'number':
 				case 'url':
 				case 'subject':
 				case 'textarea':