htmlフォームのリフレッシュページの発行を阻止する
5897 ワード
htmlフォームのリフレッシュページの発行を阻止する
1.ラベル内のボタンタイプをsubmitに設定するか、ラベル内のボタンタイプをtype=「submit」からtype=「button」に変更します.
2.submitイベントを使用したフォームの発行
3.preventDefault()メソッドを使用して、要素のデフォルトの動作をブロックします.
ここではjqが導入され、元のjsはonsubmitを使用してフォームイベントのコミットをトリガーします.
<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を使用してフォームイベントのコミットをトリガーします.