js文本框设置必填项_表单字段必填项JS代码

很多时候诸如留言板之类我们都需要设置必填项，在用户触发提交按钮的时候做一次判断，今天道成设计就跟大家分享一段表单字段必填项的JS代码。

在html5里有个针对input等设置的required="required" 代码，但是这个代码有的浏览器不兼容，在这个浏览器良莠不齐的今天，最好的办法还是用JS，毕竟最原始的IE6都支持的东西，基本没几个浏览器不支持了。

先直接将代码贴出来：

----------------------------------------------------------------------

在线下单

我们将第一时间与您取得联系

货物名称

*

目的地

*

重量(KG)

*

体积(m³)

*

发货人

*

电话

*

所有信息均需填写

function checkForm(){

var huowumingcheng=document.getElementById('huowumingcheng').value

var mudidi=document.getElementById('mudidi').value

var zhongliang=document.getElementById('zhongliang').value

var tiji=document.getElementById('tiji').value

var fahuoren=document.getElementById('fahuoren').value

var dianhua=document.getElementById('dianhua').value

if(huowumingcheng=='' || mudidi=='' || zhongliang=='' || tiji=='' || fahuoren=='' || dianhua==''){

alert("所有信息均需填写");

return false;

}

return true

}

---------------------------------------------------------

主要是一个form的onSubmit="return checkForm()" 值，以及input设置ID于 javascript里的ID对应，然后alert输出弹窗提示文本