Fixed #321

primefaces · Feb 28, 2018 · e5fa7f3 · e5fa7f3
1 parent b9bcb81
commit e5fa7f3
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/inputmask/InputMask.js b/src/components/inputmask/InputMask.js
@@ -23,6 +23,7 @@ export class InputMask extends Component {
         disabled: false,
         readonly: false,
         name: null,
+        required: false,
         onComplete: null,
         onChange: null
     }
@@ -44,6 +45,7 @@ export class InputMask extends Component {
         disabled: PropTypes.bool,
         readonly: PropTypes.bool,
         name: PropTypes.string,
+        required: PropTypes.bool,
         onComplete: PropTypes.func,
         onChange: PropTypes.func
     }
@@ -509,7 +511,7 @@ export class InputMask extends Component {
             <InputText id={this.props.id} ref={(el) => this.input = ReactDOM.findDOMNode(el)} type={this.props.type} name={this.props.name} style={this.props.style} className={this.props.className} placeholder={this.props.placeholder}
                 size={this.props.size} maxLength={this.props.maxlength} tabIndex={this.props.tabindex} disabled={this.props.disabled} readOnly={this.props.readonly}
                 onFocus={this.onFocus.bind(this)} onBlur={this.onBlur.bind(this)} onKeyDown={this.onKeyDown.bind(this)} onKeyPress={this.onKeyPress.bind(this)}
-                onInput={this.onInput.bind(this)} onPaste={this.handleInputChange.bind(this)} />
+                onInput={this.onInput.bind(this)} onPaste={this.handleInputChange.bind(this)} required={this.props.required}/>
         );
     }
 

diff --git a/src/showcase/inputmask/InputMaskDemo.js b/src/showcase/inputmask/InputMaskDemo.js
@@ -275,6 +275,12 @@ constructor() {
                             <td>false</td>
                             <td>When present, it specifies that an input field is read-only.</td>
                         </tr>
+                         <tr>
+                             <td>required</td>
+                             <td>boolean</td>
+                             <td>false</td>
+                             <td>When present, it specifies that the element must be filled out before submitting the form.</td>
+                         </tr>
                         <tr>
                             <td>name</td>
                             <td>string</td>