inputタグの入力モレを防ぐ方法

2020年3月27日 CEO 0 Comments

inputタグの入力支援。入力モレを防ぐ方法。

パターン1 css

該当するinputタグにrequiredを追加。

ex)<label for="item_name">No:<input type="text" name="no" value="" required/></label>

これだけでも大分効果あり。お手軽。


パターン 2 javascript

submitボタンを発火して、値が空のときはアラートを出す。

  • html

<form action=”change.php” method=”post” name=”change“>
<label for=”item_name”>place:<input type=”text” name=”place” value=””/></label><br>

<input type=”submit” value=”submit” onclick=”return inputcheck()“/>

  • javascript

function inputcheck(){
//form nameがchangeの中のinput nameがplaceの値が空の時
if (change.place.value == “”){
alert(“入力モレがあります。”);
return false;
}else{
return true;
}
}

う~ん。。今日は内容が薄っぺらい。。