Limit empty input array

[balkan7]

Hi

How can limit only required input fields cannot be empty.

<form name="test" method="post" action="test.php">
<label for="quest">
  <input type="text" name="quest" />  <!-- REQUIRED -->
</label>
<label for="answers">
  <input type="text" name="answers[]" /> <!-- REQUIRED -->
</label>
<label for="answers">
  <input type="text" name="answers[]" /> <!-- REQUIRED -->
</label>
<label for="answers">
  <input type="text" name="answers[]" />
</label>
<label for="answers">
  <input type="text" name="answers[]" />
</label>
<label for="answers">
  <input type="text" name="answers[]" />
</label>

<label for="submit">
  <input type="submit" name="submit" value="Submit" />
</label>
</form>

Following function working only on all empty input fields, i need help to enable button when required fields is not empty.

$(document).ready(function() {
    var $submit = $("input[type=submit]"),
        $inputs = $('input[name=quest], input[name=answers[]]');

    function checkEmpty() {

        // filter over the empty inputs
        return $inputs.filter(function() {
            return !$.trim(this.value);
        }).length === 0;
    }

    $inputs.on('keyup', function() {
        $submit.prop("disabled", !checkEmpty());
    }).keyup(); // trigger an initial blur
});

[hansford]

Try this:

$inputs = $('.required-fields');

Then add a generic class to the required fields.

<label for="quest">
  <input type="text" name="quest" class="required-fields" />  <!-- REQUIRED -->
</label>
<label for="answers">
  <input type="text" name="answers[]" class="required-fields" /> <!-- REQUIRED -->
</label>
<label for="answers">
  <input type="text" name="answers[]" class="required-fields" /> <!-- REQUIRED -->
</label>

[balkan7]

Hi hansford

Thanks for helping but i think this is not the best solution because if i had in database question with 5 answers and when i edit this will look same:

<?
foreach($result as $data) {
 echo '<input type="text" name="answers[]" class="required-fields" value="'.$data['answer'].'" />';
} 
?>

I think is better to use for loop for limit inputs....

[hansford]

You wouldn't need to loop through them if I'm understanding you correctly - and probably not. You can select the required fields in the answers[] array too:

$('input.required-fields')