Besoin d'aide sur Formulaire - Javascript

Bonjour,
J'ai un formulaire d'inscription comme suis:

<div class='form_inscription'>
                        
                        <form method = "POST" action="">
                            <table class='table_ins'>
                                <tr>
                                    <td><label for='ins_statut'>Statut :</label></td>
                                    <td  class='td_imput_ins'>
                                        <select name="ins_statut" class ="ins_statut">
                                            <option>Particulier</option>
                                            <option>Professionnel</option></select>
                                    </td>
                                </tr>
        
        
     <!-- Si l'utilisateur choisit Professionnel, on affiche le champ Numéro NIF-->
        <tr>
                                    <td><label for='ins_nif'>Numéro NIF :></label></td>
                                    <td><input type='text' class='ins_nif' name = 'ins_nif'></td>
                                </tr>
                    <!--Sinon on affiche directement la suite -->
        
        
        
        
                                <tr>
                                    <td><label for='ins_nom'>Nom :></label></td>
                                    <td><input type='text' class='ins_nom' name = 'ins_nom'></td>
                                </tr>
                                
                                <tr>
                                    <td><label for='ins_pseudo'>Choisir un pseudo : </label></td>
                                    <td><input type='text' class='ins_pseudo' name = 'ins_pseudo'></td>
                                </tr>
  
                                <tr>
                                    <td><label for='ins_email'>Email :</label></td>
                                    <td><input type='text' class='ins_email' name = 'ins_email'></td>
                                </tr>
                                <tr>
                                    <td><label for='ins_email2'>Retaper votre email :</label></td>
                                    <td><input type='text' class='ins_email' name = 'ins_email2'></td>
                                </tr>
 
                                <tr>
                                    <td><label for='ins_'>Mot de  :</label></td>
                                    <td><input type='' class='ins_' name = 'ins_'></td>
                                </tr>
                                
                                <tr>
                                    <td><label for='ins_2'>Retaper votre mot de  :</label></td>
                                    <td><input type='' class='ins_' name = 'ins_2'></td>
                                </tr>

                                 <tr>
                                    <td> </td>
                                    <td><input type = 'submit' class ='ins_submit' value = 'Enregistrer'></td>
                                </tr>
  
                            </table>
                        </form>                                   
                    </div>

1) Je voudrai que le champ "Numéro NIF" ne s'affiche si l'utilisateur selectionne "Particulier"
2) Comment verifier la disponibilité du "pseudo" sans actualiser la page ni cliquer submit. Disons j'ai la base deonnée "bazar" avec la table "membres" ayant des colonnes: Nom, Statut, NIF ,Pseudo, email et .

Je pense que ces action peuvent être faites avec javascript, alors que je suis encore debutant dans cette matière.

Merci!


EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :
https://codes-sources.commentcamarche.sitesdebloques.org/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

Merci d'y penser dans tes prochains messages.
.