Validation from jquery

Validation of text boxes using jquery

HTML

<input type="text" class="txt1" placeholder="enter the serial number"/>
<input type= "text" class="txt2" placeholder="enter mobile number"/>
<button class="btn-validate">Validate</button>
<div>
    <ul class="error-container">
        
    </ul>
</div>

CSS

.error{
    color: "#ff0000";
    font-weight: "bold"
}

JavaScript

var numberExp = /^\d+$/;
$(function(){
   $(".btn-validate").click(function(){
         $(".error-container").html("");
       if(!($(".txt1").val().match(numberExp))){
           $(".error-container").append("<li class='error'>Should be a number.</li>");
       } else if(($(".txt1").val().length < 1) || $(".txt1").val().length > 10){
           $(".error-container").append("<li class='error'>Should be a number between 1 and 10.</li>");
       }
       if(!($(".txt2").val().match(numberExp))){
           $(".error-container").append("<li class='error'>Should be a number.</li>");
       } else if(($(".txt2").val().length < 1) || $(".txt2").val().length > 10){
            $(".error-container").append("<li class='error'>Mobile number should be a number between 1 and 10.</li>");
       }
   });
});