Clear input with Jquery with more than one class

Question

My input is like this:

<input type="text" class="noclear form-control" value="" name="" required>

Jquery:

form.find('input[class!="noclear"]').val('');

If I leave the input, only with (class="noclear") works right! But I need to leave this other class (form-control), because it is the formatting of the input.

By logic, it is only to clean the input, where there is no class (noclear).

Answer 1

If you want to select all inputs that nay contains the class noclear, just use the jQuery selector :not() or the method jQuery.not().

let $inputs = $('input:not(.noclear)');
// ou
let $inputs = $('input').not('.noclear');

Example:

$('#clear-button').on('click', function() {
    $('input').not('.noclear').val('');
});

.form-control {
    display: block;
    margin: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="form-control noclear" value="noclear">
<input class="form-control" value="Input 2">
<input class="form-control" value="Input 3">
<input class="form-control" value="Input 4">

<button id="clear-button">Clear</button>

Answer 2

makes it so much simpler:

$(document).ready(function(e) {
    $('.meubotaolimpa').click(function(e) {
        $('input[type="text"],input[type="password"]').not('.noclear').each(function() {
                $(this).val('');
        });
    });
});

.meubotaolimpa is the button class ( serves as ex only )

edited