javascript验证没有读取我的if else上的其他条件if

时间:2017-04-20 02:55:56

标签: javascript jquery validation

什么可能是错的我尝试验证输入字段名称,company_name,密码,当我在密码字段上说密码不应该为空但我已经在密码输入字段中输入了一些字符。

如果

,我似乎没有阅读其他人password.lengthpassword != confirm_password条件的验证情况

这是我的代码

$('#button-parent a').bind('click',function(e){
        var $this = $(this);
        var prev = current;
        var name = document.getElementById('name').value;
        var company_name =  document.getElementById('company_name').value;
        var password = document.getElementById('password').value;
        var confirm_password = document.getElementById('confirm_password').value;
        var email = document.getElementById('email').value;


        if( name == null || name == "") {
                alert('name is required');
                return false;

        } else if( name.length < 5) {
                alert('name must be atleast 6 characters');
                return false;

        } else if( company_name == null || company_name == ""){
                alert('company name is required');
                return false;

        } else if ( password == null || password == ""){
                alert('password field should not be empty');
                return false;

        } else if ( password.length < 8 ) {
                alert('password must be atleast 8 characters');
                return false;

        } else if ( password != confirm_password ) {
                alert('Password do not match');
                return false;
        }

2 个答案:

答案 0 :(得分:0)

您可以尝试使用以下代码行,因为您使用的是jQuery。

var password = $('#password').val();

要快速检查此行是否有效,您可以在开发人员工具的控制台部分键入并运行此命令。如果它有效,你应该看到输入值。

答案 1 :(得分:0)

如果您使用的是jQuery,为什么不从$()选择器获取值?

$(function() { 
    $('#button-parent a').bind('click', function(e) {
        var $this = $(this);
        var prev = current;
        var name = $('#name').val();
        var company_name = $('#company_name').val();
        var password = $('#password').val();
        var confirm_password = $('#confirm_password').val();
        var email = $('#email').val();

        var errorMsg = '';
        if (name == null || name == "") {
          errorMsg += 'name is required\n';
        }
        if (name.length < 5) {
          errorMsg += 'name must be atleast 6 characters\n';
        }
        if (company_name == null || company_name == "") {
          errorMsg += 'company name is required\n';

        }
        if (password == null || password == "") {
          errorMsg += 'password field should not be empty\n';

        }
        if (password.length < 8) {
          errorMsg += 'password must be atleast 8 characters\n';

        }
        if (password != confirm_password) {
          errorMsg += 'Password do not match';
        }
        if (errorMsg != '') {
          alert(errorMsg);
          return false;
        }
    });
});

通过这种方式,您可以立即显示表单中的所有错误,用户也不会感到烦恼。