位置:首页 > JavaScript > JavaScript >

form表单提交,前端验证

字号+ 作者:micloud 来源:www.seoalphas.com 2017-10-14 23:27 浏览量:2607

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.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • js操作radio单选框改变事件 点击radio执行相应操作

    js操作radio单选框改变事件 点击radio执行相应操作

    浏览次数:15170

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

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

    浏览次数:12786

  • JavaScript中对url进行编码:urlencode编码

    JavaScript中对url进行编码:urlencode编码

    浏览次数:11403

  • js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

    js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

    浏览次数:6701

网友点评
评论区域