form表单提交,前端验证
2017-04-30 18:09
302 查看
Form表单提交,js验证
1, Onclick()
2, Onsubmit()
Button标签 input (属性
submit button )标签
Input type=button 定义按钮,没有任何行为。多数情况下,用于通过javascript启动脚本
Input type=submit 定义提交按钮,提交按钮会把表单数据发送到服务器
1, onclick 与 Input type=submit 搭配
<form action=”XXXX” method=”post” >
<input type=”text” name=”nihao” >
<input type=”submit” value=”提交” onclick=”return check(this.from) ” >
</form>
Function check(form){
//这个form参数代表html中的表单元素集合
Form.nihao代表是 <input type=”text” name=”nihao” >真个标签
Var info =form.nihao.value;
}
在javascript中,事件调用函数时,用return返回值实际上是对window.event.returnValue进行设置
而该值决定当前操作是否继续,true是继续 false中断
第二种方法:onsubmit 与 Input type=submit 搭配
上述两种方法的 Input type=submit 等同于 button标签
第三种方法:onclick 与 Input type=button 搭配
注意:Input
type=button 提交不会触发form的 onsubmit事件
1, Onclick()
2, Onsubmit()
Button标签 input (属性
submit button )标签
Input type=button 定义按钮,没有任何行为。多数情况下,用于通过javascript启动脚本
Input type=submit 定义提交按钮,提交按钮会把表单数据发送到服务器
1, onclick 与 Input type=submit 搭配
<form action=”XXXX” method=”post” >
<input type=”text” name=”nihao” >
<input type=”submit” value=”提交” onclick=”return check(this.from) ” >
</form>
Function check(form){
//这个form参数代表html中的表单元素集合
Form.nihao代表是 <input type=”text” name=”nihao” >真个标签
Var info =form.nihao.value;
}
在javascript中,事件调用函数时,用return返回值实际上是对window.event.returnValue进行设置
而该值决定当前操作是否继续,true是继续 false中断
第二种方法:onsubmit 与 Input type=submit 搭配
上述两种方法的 Input type=submit 等同于 button标签
第三种方法:onclick 与 Input type=button 搭配
注意:Input
type=button 提交不会触发form的 onsubmit事件
相关文章推荐
- JQuery Form Ajax提交Asp.Net表单时的验证视图状态 MAC 失败
- ajax提交,form表单提交,onsubmit="return checksubmit()"提交验证
- jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).
- Form表单利用jQuery Validate验证ajaxSubmit提交
- Form表单提交时验证
- 利用Jquery实现一个典型的form表单前端验证
- [前端]解决form表单采用get方式提交中文参数乱码的方法
- MVC client validation after PartialView loaded via Ajax MVC3中 弹出 Dialog时候 提交的时候 使用 Jquery 不验证 form表单 的解决办法
- 微信小程序表单验证form提交错误提示效果
- onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交
- 关于Form表单的提交与验证???
- Form表单提交时验证
- DHTML技术---前端用户提交信息验证和表单提交控制+完整表单验证代码实例
- form的onsubmit事件--表单提交前的验证最佳实现方式(
- 前端杂记(1):表单提交验证、input(type=number) 去三角,刷新验证码
- spring MVC中前端提交Form表单在controller中的数据绑定
- easyui form表单提交自定义验证数据是否已存在
- form的onsubmit事件--表单提交前的验证最佳实现方式
- 使用AbstractWizardFormController提交复杂表单的验证解决方案
- form表单提交前验证