Button disable or enable with password validation in javascript

function passwordvalidate(str)
{

var confrmpwd = document.getElementById('conpwd').value;
var newpd = document.getElementById('newpwd').value;
if(str!=newpwd.value)
{
document.getElementById('save').disabled =true;
document.getElementById('errormsg').innerHTML  ='Please Enter Same Password';
}
else
{
document.getElementById('save').disabled = false;
}

}

<form role="form" method="post" action="" enctype="multipart/form-data" onSubmit="validate2();">

                                    <div class="box-body">

                                    

                                        <table class="table" style="margin-bottom:0px;font-size:14px;font-family:Arial, Helvetica, sans-serif;align:center;font-size:12px;">   

                                         

                                    

                                    

                                        <tr><td align="right" style="padding-right:40px;">

                                            <label for="exampleInputEmail1">Email </label></td>

                                            <td>

                                            <?php echo $emailid;?>

                                        </td></tr>

                                        

                                              <tr><td align="right" style="padding-right:40px;">

                                            <label for="exampleInputEmail1">Old Password</label></td>

                                            <td>

                                            <input type="hidden" name="opwd" id="opd" value="">

                                            <input type="password" name="oldpwd" class="txtinput" id="exampleInputEmail1" style="padding-left:10px;" placeholder="Old Password" required>

                                        </td></tr>

                                        

                                             

                                        

                                         <tr><td align="right" style="padding-right:40px;">

                                            <label for="exampleInputFile">New Password</label></td>

                                            <td>

                                            <input type="password" name="newpwd" class="txtinput" id="newpwd" style="padding-left:10px;" placeholder="New Password" required>

                                            </td></tr>

                                         

                                         

                                        <tr><td  align="right" style="padding-right:40px;"> 

                                            <label for="exampleInputFile">Confirm New Password</label></td>

                                            <td>

                                            <input type="password" name="confirmnewpwd" class="txtinput" id="conpwd" style="padding-left:10px;"  placeholder="Confirm New Password" onChange="passwordvalidate(this.value)" required><br/>

                                            <span id="errormsg" style="color:#FF0000;font-size:10px;"></span>

                                            </td></tr>

                                        <tr><td>&nbsp;</td>

                                        <td  align="left" style="padding-right:40px;">

                                    <input type="submit" id="save" name="save" value="Change Password" class="cart-btn" style="padding:5px"></td></tr>

                                        <!--<button type="submit" class="btn btn-primary">Submit</button>-->

                                   </table>

                               

                            </div><!-- /.box -->

 </form>