这段代码验证控件有什么问题?

时间:2015-06-28 07:55:29

标签: jquery validation

我使用jquery来验证控件:

function RegisterClient() {
    var bookname = true; var edition = true; var author = true; var price = true; var imgType = true; var imgSize = true;

    if (j('#txt_book_name').val() === null) {   //1
        j('#alertBookName').removeClass('hidden');
        bookname = false;
    }
    if (j('#txt_edition').val() === null) {     //2
        j('#alertEditionbook').removeClass('hidden'); edition = false;
    }
    if (j('#txt_author').val() === null) {       //3
        j('#alertAuthor').removeClass('hidden'); author = false;
    }
    if (j('#txt_price').val() === null) {        //4
        j('#alertPrice').removeClass('hidden'); price = false;
    }
    var fileType = j("#ContentPlaceHolder1_FileUpload1").val().split('.').pop().toLowerCase();
    if (j('#ContentPlaceHolder1_FileUpload1').val() != "" && j.inArray(fileType, ['gif', 'png', 'jpg']) == -1)
    { j('#alertImgType').removeClass('hidden'); imgType = false; }
    if (j('#ContentPlaceHolder1_FileUpload1').val() != null) {
        var sizeImg = j("#ContentPlaceHolder1_FileUpload1")[0].files[0].size/1024;
        if (sizeImg > 25) { j('#alertImgSize').removeClass('hidden'); imgSize = false; }
    }
    if (bookname && edition && author && price && imgType && imgSize) __doPostBack('ctl00$ContentPlaceHolder1$Button1', '');

}
  1. 在第1,2,3,4节中,(j('#txt_...').val() === null)语句无效。

  2. 使用firebug时显示(var sizeImg = j("#ContentPlaceHolder1_FileUpload1")[0].files[0].size/1024;)语句错误。我可以使用j("#ContentPlaceHolder1_FileUpload1")[0].files[0].size显示Alert()的值,但是有错误。

1 个答案:

答案 0 :(得分:0)

关于你的第一个问题:

唯一可行的是,如果在用户输入任何内容之前执行条件。

我做了一个小提琴来解释它:

https://jsfiddle.net/tr91Lw7y/

运行此命令,您将立即看到“johndoe”。

但如果你这样做:

http://jsfiddle.net/6mjgx2r4/

任何时候你都会看到空白。

如果您无法调整流量,则可以解决一个问题:

$("#txt_book_name").keyup(function(){
        if($(this).val() === null) {
         // Conditions
        }
});