form表单提交,前端验证

字号+ 作者:alpha 来源:www.seoalphas.com 2017-10-14 23:27 我要评论(0)

Form表单提交,js验证1, Onclick()2, Onsubmit() Button标签 input (属性 submit button )

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事件


标签

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • HTML JS 弹层后底部页面禁止滚动处理

    HTML JS 弹层后底部页面禁止滚动处理

    浏览次数:833

  • 手机web页面调用打开QQ聊天功能

    手机web页面调用打开QQ聊天功能

    浏览次数:818

  • js刷新页面方法大全

    js刷新页面方法大全

    浏览次数:534

  • JavaScript操作JSON操作文档

    JavaScript操作JSON操作文档

    浏览次数:474

  • 关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    浏览次数:401

  • js中不存在exit函数,程序的运行中断停止,可使用return

    js中不存在exit函数,程序的运行中断停止,可使用return

    浏览次数:342

  • JavaScript表单数据验证 onclick()

    JavaScript表单数据验证 onclick()

    浏览次数:325

  • 实现select中指定option选中触发事件

    实现select中指定option选中触发事件

    浏览次数:324

网友点评
功能开发中......
0.312500s