2016年1月18日月曜日

フォームの送信(onsubmit)を中断する

submitの送信を中断する、addEventListener エベントの戻り値。
送信する値は””であれば、送信しませんん。


<php
echo "<form action =\"{$action_url}\" id =\"f\" method = \"get\">";
echo "<input id = \"searchform_q\" name = \"search_query\" value = \"{$value}\">";
echo '<button id = "searchform_button">send</button>';
echo '</from>';
?>
<script type = "text/javascript">
        addevt();

function addevt(){
        var f = document.getElementById('f');
              f.addEventListener("submit",button_chk,false);
}

function button_chk(){
        var input_text = document.getElementById('searchform_q');

        if(input_text.value == ""){
              event.returnValue=false;            <<event.returnValue
          }else{
              event.returnValue=true;
        }
}
</script>

0 件のコメント: