遇到的问题描述:
异步刷新部分页面,必须用ajax进行表单提交。
做表单提交的时候用到html5中的required="required"属性,又要必须使用ajax方式进行表单提交,在网上搜了不少,但是发现都是将type="submit"改为type="button",
显然这种方式下html5的属性就无效了,必须是表单提交的形式才可以(自己实验出来的,不知道对不对)因此必须是type="submit",后来问了下公司前端大牛,就叫他H吧,H
直接来了这样一段代码:
$("#form").submit(function(){
var url = '${ctxPath}/brands/add';
var data = {
brandId:$("#brandId").val(),
};
$.post(url, data, function(data){
alert(data.message);
});
return false;
});
简单粗暴,自己却没有想到,以表单提交的形式进行,但最后给个false就不会真的进行表单提交,最终结果:既会进行表单验证,又会进行ajax提交。