关于form表单提交(字段验证⽂件验证)
场景
剑与家园攻略
修改个⼈资料,表单提交数据前验证数据
<form id="form" class="am-form am-form-horizontal" action="xx/user/update"  method="POST" enctype="multipart/form-data"> <input type="text" id="username" name="username" placeholder="请输⼊昵称">
<input id="headImg" type="file" name="headImg" onchange="uploadImg(this,event)">
</form>
验证昵称不能为空以及上传的⽂件必须为图⽚格式
$(document).ready(function () {
$('#form').submit(function () {不喜欢杨幂
台湾小吃街if ($('#username').val() == "") {
$('#username').focus();
alert('请填写您的昵称!');
return false;
}
var strs = new Array(); //定义⼀数组
var pic1= $("#headImg").val();
strs = pic1.split('.');
var suffix = strs [strs .length - 1];
if (suffix != 'jpg' && suffix != 'gif' && suffix != 'jpeg' && suffix != 'png') {
alert("你选择的不是图⽚,请选择图⽚!");
var obj = ElementById('headImg');
关于万里长城的资料obj.outerHTML = obj.outerHTML; //这样清空,在IE8下也能执⾏成功
return false;
}
})
}
);
李小冉 钟汉良>火影忍者千手柱间注意事项:
1、form 提交的⽅式建议使⽤为 POST 来提交。如果是要上传⽂件,则必须使⽤ POST
2、如果需要上传⽂件,需要设置编码类型 enctype=“multipart/form-data” ,否则上传不了⽂件