jquery验证怪异问题

Question

jquery验证怪异问题

发布于
2014-10-22

更新于
2014-10-22

<script>

var ok=0;

$(document).ready(function(){



/*上级分类************************************ */   
        //失去焦点
$('#shangji').blur(function() {
 $(".shangjiTip").html("<span class='sui-label label-success'><i class='fa fa-check'></i>填写通过</span>");
});


/*** 分类名称，必填**********************************************************************/         
//失去焦点
$('#DishCategory_Name').blur(function() {


    //检查是否为空
     if($("#DishCategory_Name").val()==""){
            $(".DishCategory_NameTip").html("<span class='sui-label label-danger'><i class='fa fa-ban'></i>分类名称不能为空</span>");
        layer.msg('分类名称不能为空', 1, 2);
         ok=0;/* 函数内全局变量 */
    }

    //不为空的时候不提示消息
        if($("#DishCategory_Name").val()!==""){

            var categoryname=$('#DishCategory_Name').val(); //得到的新值

           $.get("__URL__/ajaxDishCategoryName/category/"+categoryname,function(data,status){
                  if(data==1){
                      layer.msg('分类名称不能重复', 1, 2);
                    $(".DishCategory_NameTip").html("<span class='sui-label label-danger'><i class='fa fa-ban'></i>分类名称不能重复</span>");

                     ok=0;/* 函数内全局变量 */
                  }else{
                        $(".DishCategory_NameTip").html("<span class='sui-label label-success'><i class='fa fa-check'></i>填写通过</span>");
                         ok=1;/* 函数内全局变量 */
                  }

             });    
        }

});

/*******是否显示在前台，可选，默认显示******************************************************  */       

    //失去焦点
    $('#DishCategory_IsDisplay').blur(function(){

        $(".DishCategory_IsDisplayTip").html("<span class='sui-label label-success'><i class='fa fa-check'></i>填写通过</span>");

    });


/****排序，数字越小越靠前，可选，默认0，可以重复 *********************************************************  */               

            //失去焦点
            $('#DishCategory_Sort').blur(function() {

                $(".DishCategory_SortTip").html("<span class='sui-label label-success'><i class='fa fa-check'></i>填写通过</span>");

            });


/****分类描述，可选，默认空*********************************************************  */       


                    //失去焦点
                    $('#DishCategory_Describe').blur(function() {

                        $(".DishCategory_DescribeTip").html("<span class='sui-label label-success'><i class='fa fa-check'></i>填写通过</span>");

                    });     

/*提交表单**************************************************** */
                     $("#subm").click(function() {

                         $('#shangji').trigger("blur");
                         $('#DishCategory_Name').trigger("blur");
                         $('#DishCategory_IsDisplay').trigger("blur");
                         $('#DishCategory_Sort').trigger("blur");
                         $('#DishCategory_Describe').trigger("blur");

/——————————————分隔线————————————/
/——————————————分隔线————————————/
/——————————————分隔线————————————/

                         if(ok==1){
                            $("#formtarget").submit();
                         layer.msg('成功,正在写入',1,1,function(){ location.reload(); });

                         }


                     });/* 提交 */    

/* ********下面就是jq end******************************************************8 */
});/* jq end */

</script>

问题是为什么有时候执行到分割线的时候就不执行后面的代码，比如不提交了。
有时候又是正常的。大部分都是正常的。出现过一两次执行到分割线的时候，后面就不执行了。

附:把html也粘贴过来

<body>




<form  class="form-inline sui-form"  action="__URL__/createDishCategoryProcess" method="post" id="formtarget">




 <table class="sui-table table-sideheader">

  <tbody>


<!-- 上级分类选择start -->    
    <tr>
    <td class="shangji">上级分类{<span class="sui-text-danger">必填*</span>,最多二级分类}
    <span class="shangjiTip"></span></td>

    <td >
    <select  name="shangji"  id="shangji">
    <option value="0">新增顶级分类</option>
    <volist name="list" id="vo">
    <option value="{$vo.dishcategory_id}"
    <if condition="$vo.dishcategory_pid eq 0">

    <elseif condition="$vo.dishcategory_pid neq 0" />
        disabled='disabled'
    </if>
    >{$vo.dishcategory_name}</option>
    </volist>
    </select>
    </td>

    </tr>
<!-- 上级分类选择end-->   




 <!-- 分类名称start -->     
    <tr>
    <td class="DishCategory_Name">分类名称<span class="sui-text-danger">{必填*}</span>
    <span class="DishCategory_NameTip"></span></td>
    <td><input id="DishCategory_Name" type="text"  name="DishCategory_Name"  required="required" placeholder="例如：炖菜、酒类" ></td>
    </tr>
<!-- 分类名称 end -->


<!-- 是否在前台显示start -->
    <tr>
    <td class="DishCategory_IsDisplay">是否显示在前台{可选,默认显示}<span class="DishCategory_IsDisplayTip"></span></td>
    <td>
        <select id="DishCategory_IsDisplay"  name="DishCategory_IsDisplay">
        <option value="1" selected="selected">是</option>
        <option value="0">不</option>
        </select>
    </td>
<!-- 是否在前台显示end -->


<!-- 排序start -->    
    <tr>
    <td class="DishCategory_Sort">排序{数字越小越靠前,可选,默认0,可重复}<span class="DishCategory_SortTip"></span></td>
    <td><input id="DishCategory_Sort" type="text"  name="DishCategory_Sort" placeholder="0" onkeyup='checkDecimal(this)' /></td>
    </tr>
<!-- 排序end -->


<!-- 分类描述  start -->        
    <tr>
    <td class="DishCategory_Describe">分类描述{可选,默认空}<span class="DishCategory_DescribeTip"></span></td>
    <td><textarea id="DishCategory_Describe"  rows="3" cols="20" name="DishCategory_Describe"></textarea></td>
    </tr>
<!-- 分类描述 end -->       


</tbody>

</table> 

<input id="subm" class="sui-btn btn-xlarge btn-primary btn-block"  type="button" value="添加本分类">
<!-- button -->

</form> 


</body>

jquery

阅读 2.5k

1 个回答

jayki

分割线后面的内容只有在ok==1时才会执行吧！

不执行应该是ok==0，跟踪一下ok变量的值。

撰写回答