表单form验证
2015-04-18 17:13
155 查看
要验证表单信息是否正确,在提交到其他页面或服务器之前可以在本页面利用javascript进行验证,格式为:
定义javascript函数:
<script type="text/javascript">
function check(f){
with(f){//with语句为固定的语法格式
if(xxx){
uname.value=......;//uname为表单中子标签的name属性
return false;
}
......
return true;//可以写也可以不写
}
}
</script>
表单内:
<form action="file" method="post" onsubmit="return check(this)">
用户名:<input type="text" name="uname"/>
<input type="submit" value="submit"/>
</form>
注意:onsubmit的值有"return"时,才能保证函数返回false时不提交表单,否则即便函数验证不通过仍然要提交表单
定义javascript函数:
<script type="text/javascript">
function check(f){
with(f){//with语句为固定的语法格式
if(xxx){
uname.value=......;//uname为表单中子标签的name属性
return false;
}
......
return true;//可以写也可以不写
}
}
</script>
表单内:
<form action="file" method="post" onsubmit="return check(this)">
用户名:<input type="text" name="uname"/>
<input type="submit" value="submit"/>
</form>
注意:onsubmit的值有"return"时,才能保证函数返回false时不提交表单,否则即便函数验证不通过仍然要提交表单
相关文章推荐
- .jquery表单验证插件 jquery.form.js (转)
- 通用表单验证函数 - FormCheck JavaScript Function
- jquery验证和提交form表单
- redux-form的学习笔记二--实现表单的同步验证
- Python自动化运维系列之Django Form表单验证
- Form表单提交前进行JS验证的3种方式
- Form表单验证程序(Ajax)
- ajax提交,form表单提交,onsubmit="return checksubmit()"提交验证
- Form表单提交、自定义验证规则(validate插件)
- form表单验证(非原创)
- redux-form的学习笔记二--实现表单的同步验证
- form 表单验证
- 表单验证form.js驱动模块的应用
- jQuery formValidator表单验证插件
- DHTML技术:表单验证<form>
- jQuery.FormValidator表单验证需要注意的问题
- form表单验证jquery
- form的onsubmit事件--表单提交前的验证最佳实现方式
- Form表单利用jQuery Validate验证ajaxSubmit提交
- form 表单验证