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触发提交表单事件