极客观点
项目管理
HarmonyOS
<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有时，，执行到一半就不执行的问题
有时候，执行到代码分割线的时候就不执行了，需要点两次按钮才会提交。
也就是说，有时候需要点两次按钮才会提交。
注意，是有些时候，我也说不清哪些时候。
提交之前先off()试试。