如何根据javascript函数的结果禁用按钮

我想根据文本框的javascript结果禁用该按钮，如果存在不正确的电子邮件id，则应禁用该按钮。请帮助我解决此问题。如果存在不正确的电子邮件和电话号码，我想禁用我的按钮功能或按钮。我的问题是我对文本框使用单独的javascript函数，因此如何基于其他javascript函数禁用按钮。请帮助我解决此问题

<div align="right">
</div>
<div id="div">
<center> <h3>REGISTER</h3></center>
<div id="output" align="center">
</div>
<table>
<thead>
</thead>
<tbody>
<tr>
<td>
<label>Firstname</label>
<td>
<input type="text" name="firstname" id="firstname" required=""> 
</td>
</tr>
<tr>
<td>
<label>Lastname</label>
</td>
<td>
<input type="text" name="lastname" id="lastname"  required="">
</td>
</tr>
<tr>
<td>
<label>Email</label>
</td>
<td>
<input type="text" name="email" id="email" required="">
</td>
<td id="error" style="display:none;color:red">
invalidemail
</td>
</tr>
<tr>
<td>
<label>Password</label>
</td>
<td>
<input type="password" name="password" id="password" required="">
</td>
</tr>
<tr>
<td>
<label>Confirm password</label>
</td>
<td>
<input type="password" name="confirmpassword" id="confirmpassword" required="">
</td>
<span id="pass"></span>
</tr>
<tr>
<td>
<label>Phone no</label>
</td>
<td>
<input type="text" name="phoneno" pattern="[789][0-9]{9}" id="phoneno" required="" maxlength="10">
</td>
<td id="invalidphone" style="display:none;color:red">
invalidphoneno
</td>

</tr>
<tr>
<td>
</td>
<td>
<input type="submit" name="submit" value="submit" id="submit"/>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
<a href="login.php">Login?</a>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</head>
</html>
<script type="text/javascript">
$('#email').on('keypress', function() {
    var re = /([A-Z0-9a-z_-][^@])+?@[^$#<>?]+?\.[\w]{2,4}/.test(this.value);
    if(!re) {
        $('#error').show();
    } else {
        $('#error').hide();
    }
});
$('#phoneno').on('keypress',function(){
  var phone=/^\+{0,2}([\-\. ])?(\(?\d{0,3}\))?([\-\. ])?\(?\d{0,3}\)?([\-\. ])?\d{3}([\-\. ])?\d{4}/.test(this.value);
  if(!phone){
    $('#invalidphone').show();
  }
  else
  {

    $('#invalidphone').hide();
  }
  });
$(document).ready(function(){
$('#submit').click(function(){
var first=$('#firstname').val();
var last=$('#lastname').val();
var Email=$('#email').val();
var pass=$('#password').val();
var confirm=$('#confirmpassword').val();
var phone=$('#phoneno').val();


$.ajax({
     type:"POST",
     url:"register.php",
     data:{

       firstname:first,
        lastname:last,
        email:Email,
        password:pass,
        confirmpassword:confirm,
        phoneno:phone,

       },
      success:function(data){
        if($.trim(data)==='successfully registered')
        {
        $('#output').html(data);
        }
        else
        {
        $('#pass').html(data);
        }
      },
      error:function()
      {
        alert("error");
      }

});
});
});

</script>

登记
名字
姓氏
电子邮件
无效邮件
密码
确认密码
电话号码
瓦利德霍尼诺
$（'#email'）。on（'keypress'，function（）{
变量re=/（[A-Z0-9a-z_-][^@]）+？@[^$#？]+？\.[\w]{2,4}/.测试（该.值）；
如果（！re）{
$（“#错误”）.show（）；
}否则{
$（“#错误”）.hide（）；
}
});
$（'#phoneno'）。在（'keypress'，function（）上{
var phone=/^+{0,2}（[\-\.]）？（\（？\d{0,3}）？（[\-\.]）？\（？\d{0,3}）？（[\-\.]）？\d{3}（[\-\.]）？\d{4}/.测试（此.值）；
如果（！电话）{
$（'#invalidphone'）.show（）；
}
其他的
{
$（'#invalidphone'）.hide（）；
}
});
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var first=$（'#firstname'）.val（）；
var last=$（'#lastname'）.val（）；
var Email=$（'#Email'）.val（）；
var pass=$（'#password'）.val（）；
var confirm=$（'#confirmpassword'）.val（）；
var phone=$（'#phoneno'）.val（）；
$.ajax({
类型：“POST”，
url:“register.php”，
数据：{
名字：第一，
姓:姓,，
电邮:电邮,，
密码：pass，
确认密码：确认，
电话号码：电话，
},
成功：功能（数据）{
如果（$.trim（数据）=“已成功注册”）
{
$（'#output'）.html（数据）；
}
其他的
{
$（'#pass'）.html（数据）；
}
},
错误：函数（）
{
警报（“错误”）；
}
});
});
});

只需禁用javascript顶部的按钮即可

$("#submit").prop("disabled", true);

然后在正则表达式中，如果为真，则将其设置为false

编辑-最好将正则表达式变量设置为全局变量，然后可以对这两个正则表达式执行if语句

if (re && phone) {
    $("#submit").prop("disabled", false);
}

最初禁用“提交”按钮，直到完成所有表单 元素本身

使用HTML5输入（电子邮件和文本）字段，您已经有了必需的属性，但需要将required=“required”放入

为最后一个（必需）字段设置onChange事件，检查 验证成功

查看此项了解更多详细信息和其他信息 使用

$（“#提交”）.attr（“禁用”，为真）

禁用和

$（“#提交”）.removeAttr（“禁用”）以启用该按钮

$('#phoneno').on('keypress',function(){
  var phone=/^\+{0,2}([\-\. ])?(\(?\d{0,3}\))?([\-\. ])?\(?\d{0,3}\)?([\-\. ])?\d{3}([\-\. ])?\d{4}/.test(this.value);
  if(!phone){
    $("#submit").attr("disabled", true);  // disable submit btn
    $('#invalidphone').show();
  }
  else
  {
    $("#submit").removeAttr("disabled");  //enable submit btn
    $('#invalidphone').hide();
  }
  });