在进行表单提交时，需要对输入框和文本域等的价值的合理性进行验证，可以编写形式的提交事件，代码，踩过的坑；注意点：

1、只有通过形式里面的按钮类型="提交"提交/按钮进行表单的提交才会触发形式的提交事件，如果是通过按钮的onclick事件进行表单提交则不会触发形式的提交事件

2、提交事件的正确写法是：form action=' method=' post ' on submit=' return CheckFrOm()；'注意写上返回，不写没有作用

函数CheckFrOm(){ var username=$(' # username ').val()；警报（用户名);var pwd=$('#pwd ').val()；if(username==null | | username==' '){ $(' # CodeInfo ').html(")请输入用户名');$(' #用户名')。焦点();返回false } else if(pwd==null | | pwd==' '){ $(' # CodeInfo ').html(")请输入密码');$('#pwd ').焦点();返回false}否则{返回true}}3、HTML5、输入提供很多新型的类型，省去了我们写Java脚本语言正则表达式来限定输入值的类型的时间，比如，号码，电子邮件，电话等等，表示需要输入合法的数字，邮箱，电话号码等。但是我发现将类型设置为数字之后，让它只接受数字的输入，会出现两个三角形，用于调整数字的大小（加一减1),

很明显，有些场合我们不需要它们，影响美观度，可利用以下方法将其去掉

样式类型=' text/CSS '输入：-web套件-外旋-按钮，输入：-网络套件-内旋-按钮{-网络套件-apparence :无！重要；保证金： 0；} input[type=' number ']{-moz-apparence : textfield；}/style4、验证码是常常见到的小部件，获取验证码，点击刷新，应传递一个参数避免多次获取同一个验证码，这时候常常考虑时间戳或者随机数，此处采用随机数

div class=' form-group input-group ' span class=' input-group-addon ' style=' padd : 0px；'img alt='验证码src=' http :%=基本路径% code/verifyCode ' title='看不清可点击刷新验证码style=' cursor : pointer ' onclick=' this。src=' %=基本路径%代码/验证代码？d='数学。random()；/span输入类型='数字'类='form-control' id='code '占位符='输入验证码在bulr='上验证代码(这。value)'//div 5，来个综合的代码吧

样式类型=' text/CSS '输入：-web套件-外旋-按钮，输入：-网络套件-内旋-按钮{-网络套件-apparence :无！重要；保证金： 0；} input[type=' number ']{-moz-apparence : textfield；}/style脚本类型=' text/JavaScript '函数CheckFrom(){ var username=$(' # username ').val()；警报（用户名);var pwd=$('#pwd ').val()；if(username==null | | username==' '){ $(' # CodeInfo ').html(")请输入用户名');$(' #用户名')。焦点();返回false } else if(pwd==null | | pwd==' '){ $(' # CodeInfo ').html(")请输入密码');$('#pwd ').焦点();返回false } else { return true } }/script form表单部分：

form role=' form ' action=' method=' post ' on submit=' return CheckFrOm()；人力资源/H5输入登录的详细信息/H5 br/div class=' form-group input-group-group ' span class=' input-group-addon ' I class=' fa fa-tag '/I/span input type=' text ' class=' form-control '占位符='您的用户名'名称=' Username ' id=' Username '/div class=' form-group input-group-addon ' I class=' fa-lock '/I/span input type=' Password ' class=' form-control ' img alt='验证码src='http:获取验证码的URL' title='看不清可点击刷新验证码style=' cursor : pointer ' onclick=' this . src='获取验证码的网址？d='数学。' random()；'/span输入类型='数字'类='form-control' id='code '占位符='输入验证码onb lur='验证代码(这。value)'//div class=' form-group input-group ' span id=' CodeInfo ' style=' color : # f55 '/span/div class=' form-group ' label class=' checkbox-inline ' input type=' checkbox '/memory me/label span class=' pull-right ' a href=' index。html ' rel=' external nofollow '忘记密码？/a /span /div按钮类型='submit' class='btn btn-primary '立即登录/按钮/表单以上所述是小编给大家介绍的射流研究…表单提交验证、输入（类型=数字)去三角刷新验证码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！