表单验证关键字(datatype)之Validform函数验证
2019-01-23 20:05
309 查看
博主就边讲边上代码吧。以往对表单当中的判空验证通常是失焦burl()和聚焦focus()事件进行操作,这是很久的一种方式;今天博主就分享一下比较新式一点的:
<td class="bggrayLeft30"><input type="text" id="bioName" datatype="*" nullmsg="请输入药品名称!" name="bioName" class="text184" maxlength="10" /></td>
上述代码,当中的datatype="*"就是在你提交的时候进行判断input</>不能为空,nullmsg的红字就会出现在其旁;
看下面代码,关键
$(function () { var action_form = $("#action_form").Validform({ tiptype : 3,// label : ".label", showAllError : true, postonce : true, btnSubmit : "#save", ajaxPost : true, beforeSubmit : function(curform) { var start = true; return start; }, callback : function(data) { if (data.ContractRoot.RspType == 1) { layer.alert(data.ContractRoot.RspDesc,{icon:1},function(){ cReload(); }); } else { layer.alert(data.ContractRoot.RspDesc,{icon:2}); } $("#submit").removeAttr("disabled"); }, error : function() { layer.alert("农药新增异常",{icon:2}); $("#submit").removeAttr("disabled"); }, dataType : "json" }); });
当你提交的时候,前端界面如果做了第一片区代码,如果你没填,那么错误就会报出来,此时如果你的页抛出自定义异常throw new BussinessExcepton(自定义异常),那么前端界面接受也会抛出!
相关文章推荐
- form表单中的enctype="multipart/form-data"
- flask获取表单以enctype="multipart/form-data"格式发送的数据
- enctype="multipart/form-data"的表单无法获取表单中除了type=file以外的其他参数 commons-fileupload 获取除file外其他参数
- 12、jQuery插件之Validform表单验证插件
- servler中表单加了enctype="multipart/form-data"属性后request就接收不到表单传过来的值了
- ENCTYPE="multipart/form-data"用于表单里有图片上传
- enctype="multipart/form-data"表单传值问题
- 关于取得enctype="multipart/form-data"表单值的问题
- SpringMVC中文件上传,添加enctype="multipart/form-data"后表单其他属性为空
- Validform实时表单验证插件实例使用
- 表单form的enctype="multipart/form-data"使用体会
- 表单form的enctype="multipart/form-data"使用体会
- 通用表单验证函数 - FormCheck JavaScript Function
- java中multipart/form-data方式提交表单添加验证问题
- jsp表单中上传文件 enctype="multipart/form-data"解释
- enctype="multipart/form-data"表单上传文件
- form表单中enctype="multipart/form-data"的作用
- 文件上传 form 表单 enctype="multipart/form-data" 分析
- 奇怪的母版页里面的 form 表单里面的 enctype="multipart/form-data" html控件上传 FileUpload控件上传 一次多图片上传
- form表单 上传文件 enctype="multipart/form-data"