首页  >  问答  >  正文

javascript - jquery有时。提交需要按2次按钮

<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>


<script>

var ok=0;

/* start 限制排序的输入 只能输入数字 */
var record={ 
        num:"" 
        } 
        var checkDecimal=function(n){ 
        var decimalReg=/^\d{0,8}\.{0,1}(\d{1,2})?$/;//var decimalReg=/^[-\+]?\d{0,8}\.{0,1}(\d{1,2})?$/; 
        if(n.value!=""&&decimalReg.test(n.value)){ 
        record.num=n.value; 
        }else{ 
        if(n.value!=""){ 
        n.value=record.num; 
        } 
        } 
        } 

/* end  限制排序的输入 只能输入数字*/

    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(); //得到的新值
         $.ajax({
             async: false,
             url: "__URL__/ajaxDishCategoryName/category/" + categoryname,
             success: 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; /* 函数内全局变量 */
                 }
             }

         });
     }/*end*/

});

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

    //失去焦点
    $('#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() {

                         ok=0;/*清零*/

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

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

                         }else{
                             layer.msg('no',1,3);
                         }


                     });/* 提交 */   

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

</script>

</html>

jquery有时,,执行到一半就不执行的问题
有时候,执行到代码分割线的时候就不执行了,需要点两次按钮才会提交。
也就是说,有时候需要点两次按钮才会提交。
注意,是有些时候,我也说不清哪些时候。

高洛峰高洛峰2750 天前334

全部回复(1)我来回复

  • PHP中文网

    PHP中文网2017-04-10 14:42:37

    提交之前先off()试试。

    回复
    0
  • 取消回复