小编Gez*_*asa的帖子

我有一个登录表单,用户输入用户名和密码以尝试登录他的个人资料.我想在开始进行服务器端处理之前动态验证两个字段都已填满.

<form id="form" method="post" action="student.jsp">

          <label><strong>Username :</strong><br/><br/>
          <input type="text" value="" name="username" id="idusername">
        </label><br/><br/>

          <label><strong>Password :</strong><br/><br/>
          <input type="text" value="" name="password" id="idpassword">
            </label><br/><br/><br/>

          <input id="minibutton" name="send" type="submit" value="Login" />
        </form>

我正在使用javascript,只要用户名留空并且我们尝试登录,它就会正确验证并发出警报.但是,密码字段不会这样做,我们可以将其留空.

$(document).ready(function(){
//global vars
var form = $("#form");
var username= $("#idusername");
var password = $("idpassword");

//On Submitting
form.submit(function(){
    if(username.val().length==0 || password.val().length==0){
                    alert('Please enter the username');
        return false;
                    }
    else
    {
                if(password.val().length==0)
                    {
                        alert('Please enter the password');
                        return false;
                    }

                 else   
                    return true;
    }
});
});

我不擅长javascript,但我需要用它进行动态验证.在验证密码字段时出现错误.

我有以下代码.

function radioButtons() {

var _inputCount;
var _inputParentCount;
var _radioInput;

return {

    inputCounter:function(groupId){

        _inputCount = $(groupId).find("input");
        _inputParentCount = $(_inputCount).parent();

        for(i = 0; i < _inputParentCount.length; i++){
            $(_inputParentCount[i]).attr("id", groupId + [i]);
        }

    },

    radioAction:function(radioButton){

        _radioInput = $(radioButton).find("input");

        for(i = 0; i < _inputCount.length; i ++){

            $(_inputCount[i]).parent().removeClass("selected");
            $(_inputCount[i]).attr("value", "false");

        }


        $(radioButton).addClass("selected");
        $(_radioInput).attr("value", "true");
    },



};
};

var radioButtonsOne = new radioButtons();

$(document).ready(function(){
radioButtonsOne.inputCounter("#radioButtonsGroup");
});

它是我为自定义单选按钮编写的自定义函数.我有一个类似的Checkboxes按钮.它适用于除IE7之外的所有浏览器.它告诉我radioButtonsOne没有定义.但它确实如此.知道为什么吗？

谢谢!