关于form表单提交(字段验证⽂件验证)
场景
十大古风歌曲修改个⼈资料,表单提交数据前验证数据
<form id="form" class="am-form am-form-horizontal" action="xx.com/ur/update" method="POST" enctype="multipart/form-data"> <input type="text" id="urname" name="urname" placeholder="请输⼊昵称">
<input id="headImg" type="file" name="headImg" onchange="uploadImg(this,event)">
</form>
验证昵称不能为空以及上传的⽂件必须为图⽚格式
$(document).ready(function () {
埃及港口
$('#form').submit(function () {
有助于长高的方法if ($('#urname').val() == "") {
$('#urname').focus();
熊猫英语alert('请填写您的昵称!');
return fal;
}
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 fal;
}
})
}
);我们是一个团队
微波炉烤花生米注意事项:
1、form 提交的⽅式建议使⽤为 POST 来提交。如果是要上传⽂件,则必须使⽤ POST
2、如果需要上传⽂件,需要设置编码类型 enctype=“multipart/form-data” ,否则上传不了⽂件