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を使用してフォームイベントのコミットをトリガーします.