Required Inputs

Author: Emmanouil Konstantinidis

rest_framework_docs/static/rest_framework_docs/js/components/helpers/input.js

@@ -21,7 +21,8 @@ var Input = React.createClass({
             id={this.props.name}
             placeholder={this.props.placeholder}
             onChange={this.handleChange}
-            value={this.props.value} />
+            value={this.props.value}
+            required={this.props.required} />
         </div>
       </div>
     );

rest_framework_docs/static/rest_framework_docs/js/components/request/fields-data.js

@@ -12,14 +12,15 @@ var FieldsData = React.createClass({
     return this.props.fields.map(function (field, key) {
       var value = this.props.data[field.name];
       var type = field.name == 'password' ? 'password' : 'text';
+
       return (
         <Input
           key={key}
           type={type}
           name={field.name}
           value={value}
           placeholder={field.type}
-          required={field.required}
+          required={field.required ? 'required' : false}
           onChange={this.handleChange.bind(this, field.name)} />
       );
     }, this);

rest_framework_docs/static/rest_framework_docs/js/dist.js

@@ -32364,7 +32364,8 @@ var Input = React.createClass({
           id: this.props.name,
           placeholder: this.props.placeholder,
           onChange: this.handleChange,
-          value: this.props.value })
+          value: this.props.value,
+          required: this.props.required })
       )
     );
   }
@@ -32626,13 +32627,14 @@ var FieldsData = React.createClass({
     return this.props.fields.map(function (field, key) {
       var value = this.props.data[field.name];
       var type = field.name == 'password' ? 'password' : 'text';
+
       return React.createElement(Input, {
         key: key,
         type: type,
         name: field.name,
         value: value,
         placeholder: field.type,
-        required: field.required,
+        required: field.required ? 'required' : false,
         onChange: this.handleChange.bind(this, field.name) });
     }, this);
   },