Javascript 在激活提交按钮之前检查表单是否已完成

我正在创建一个表单，用户必须填写几个字段，然后单击“注册”。但是，我希望JavaScript检查密码是否匹配，如果不匹配，或者将一个字段留空，以便使用引导将注册按钮置于禁用状态。然而，一切都不起作用。这是我的代码：

JSFIDDLE：

echo'
你还没有账户吗？现在就报名吧！



按钮class=“btn btn主btn块”type=“submit”>注册/按钮>
var-empty=“”；
var email=$（\'\\'email\'）。val（）；
var pass=$（\'\\'pass\'）。val（）；
var passver=$（\'\'passver\'）。val（）；
如果（空==电子邮件）
{
如果（通过！=通过）
{
document.getElementById（“submit”）.innerHTML=\'Sign Up\'；
}
}
';

我假设您正在使用PHP。如果是这样，您可以将

echo

语句替换为关闭的PHP括号

？>

，以退出解析器。一般来说比较容易处理

要回答眼前的问题，因为您使用的是jQuery，所以不需要更改

p

标记的innerHTML，只需使用函数，如下所示：

?>
    <h3>Don't have an account yet? Sign up now!</h3>
    <form action="signup.php" method="post">
    <input type="text" class="form-control" placeholder="Email" name="email" id="email">
    <input type="password" class="form-control" placeholder="Password" name="pass" id="pass">
    <input type="password" class="form-control" placeholder="Again" name="passver" id="passver">

    <p id="submit"><button class="btn btn-primary btn-block" type="submit">Sign Up</button></p>
    </form>
    <script>
        var email = $('#email').val();
        var pass = $('#pass').val();
        var passver = $('#passver').val();
        if ("" == email)
        {
            if (pass != passver)
            {
                $('#submit button').prop('disabled', true);
            }
        }
    </script>
<?php

？>
你还没有账户吗？现在就报名吧！
注册
var email=$（'#email'）.val（）；
var pass=$（'#pass'）.val（）；
var passver=$（'#passver'）.val（）；
如果（“==电子邮件）
{
如果（通过！=通过）
{
$（“#提交按钮”）.prop（'disabled'，true）；
}
}
我将建议使按钮看起来像禁用（通过css）和一旦所有的条件传递可以使其启用（通过css）

如果您使用的是HTML5，请输入“Required”，如果有空字段，则不会加载submit按钮，例如：

你在哪里调用jsscript？很难理解，你能做一把小提琴吗？如果按钮是空的，不要禁用按钮，甚至保持按钮禁用，一旦所有数据都被填充，使其启用。谢谢你的回答，但是Neha有一个工作的JSFIDLE和一个警报等等
?>
    <h3>Don't have an account yet? Sign up now!</h3>
    <form action="signup.php" method="post">
    <input type="text" class="form-control" placeholder="Email" name="email" id="email">
    <input type="password" class="form-control" placeholder="Password" name="pass" id="pass">
    <input type="password" class="form-control" placeholder="Again" name="passver" id="passver">

    <p id="submit"><button class="btn btn-primary btn-block" type="submit">Sign Up</button></p>
    </form>
    <script>
        var email = $('#email').val();
        var pass = $('#pass').val();
        var passver = $('#passver').val();
        if ("" == email)
        {
            if (pass != passver)
            {
                $('#submit button').prop('disabled', true);
            }
        }
    </script>
<?php

$(document).ready(function () {
$("#formid").on("submit", function (e) {  
    var empty = "";
    var email = $('#email').val();
    var pass = $('#pass').val();
    var passver = $('#passver').val();
    if (empty == email || pass !== passver)
    {
       alert("please enter valid email and password.");
       e.preventDefault();
    }
    else
   {
       //u can call this in textbox blur also... 
       $("#sub").removeClass("disable");
    }    
});
});