html阻止表单提交刷新页面

html阻止表单提交刷新页面

<form action="" class="shareyouridea">
	  <div class="text">
           <input type="text" name="text" id="textinput" value=""/>
      </div>
      <div class="btn-box">
           <button type="submit" class="quick-lend">发布</button>
      </div>
</form> 

1.将标签内的按钮类型设置为submit，或者将标签内按钮类型从type="submit"修改为type=“button”

2.使用submit事件提交表单

3.利用preventDefault()方法阻止元素发生默认的行为：

	$('.shareyouridea').on('submit',function(e){
        e.preventDefault()
        if($('#textinput').val() == ""){
            console.log('你输入的内容不能为空！')
        }else{
            console.log('提交成功！')
        }
    })

此处引入了jq,原生js使用onsubmit触发提交表单事件