1,比较标准写法。前提是引入js
//提示信息的标准写法
define(function(require, exports, module) {
require('../../comp/init.js');
require('../../comp/picValidate.js');
require('../../Y-all/Y-script/Y-select.js');
var dataForm = $('#testForm');
var sureFlag = true;
//离开页面显示信息,点击确定 sureFlag=true*************
$("#save").click(function() {
if ($("#hiden").attr("checked")&&$("#categoryId").val() != "") {
sureFlag = confirm("禁用该分类会导致其下所有内容不可用!确认修改吗?");
}
if (sureFlag) {
dataForm.submit();
}
});
//*******************************************************
var dataForm = $('#testForm');
dataForm.validate({
errorClass : 'err-tip',
errorElement : 'p',
ignore : '.not-checked',
errorPlacement : function(error, element) {
if (element.parent().hasClass('jqTransformSelectWrapper')) {
element.parents('.jqtransform-select3').after(error);
} else {
element.after(error);
}
},
rules : {// 验证规则
categoryName : {
required : true
},
chPinyin : {
required : true
},
categoryStatus : {
required : true
},
parentId : {
required : true
},
categoryCode : {
required : true,
customRemote : {
url : '/publish/checkCategoryCode.json',
data : {categoryId:$("#categoryId").val()},
customError : function(ele, res) {
return res.message;
}
}
}
},
messages : {// 错误提示文本
categoryName : {
required : "请填写分类名称"
},
chPinyin : {
required : "请填写分类简码"
},
parentId : {
required : "请选择所属项目"
},
categoryStatus : {
required : "请选择分类状态"
},
categoryCode : {
required : "请填写分类编号"
}
}
});
$('select').change(function() {
var name = $(this).attr('name');
dataForm.validate().element("select[name = '" + name + "']");
});
});
js的原始写法
if($("input[name='chPinyin']").val() == "") {
<span style="white-space:pre"> </span>var titleInfo = $("<span>").css("color","red").append("项目简码不能为空");
<span style="white-space:pre"> </span>$("input[name='chPinyin']").after(titleInfo);
<span style="white-space:pre"> </span>return false;
<span style="white-space:pre"> </span>}