質問: element.offset(); error.insertbefore(element) error.addclass('message'); // add a class to the wrapper error.css('position', 'absolute'); error.css('left', offset.left + element.outerwidth()); error.css('top', offset.top - (element.height() / 2)); } cssは以下と同じです(cssコード)html<span> <input type="radio" class="checkbox" value="p" id="radio_p" name="radio_group_name"/> <label for="radio_p">p</label> <input type="radio" class="checkbox" value="s" id="radio_s" name="radio_group_name"/> <label for="radio_s">s</label> </span>
回答: いくつかのこと:まず、デフォルトでチェックされているフィールドの1つだけを持っている可能性があるため、ラジオフィールドセットの検証エラーは本当に必要ないと思います。ほとんどの人は、何かを修正してから何かを提供したいと考えています。例えば: age: (*) 12 - 18 | () 19 - 30 | 31 - 50 人はデフォルトにしたくないので、正しい答えに変更される可能性が高くなります。空白の場合は、「あなたのビジネスはどれも」と考えてスキップする可能性が高くなります。第二に、位置決めプロパティなしであなたが望んでいると思う効果を得ることができました。エラーに十分なスペースを確保し、エラーがその領域に収まることを確認するために、フォーム(またはフォームのdiv)にpadding-rightを追加するだけです。次に、「error」と呼ばれる事前設定されたcssクラスがあり、おおよそ入力フィールドの高さの負のマージン上部と、左からパディング右までの距離について左マージンを持つように設定します。開始する必要があります。私はこれを試しましたが、それは素晴らしいことではありませんが、3つのプロパティで動作し、フロートや絶対値を必要としません: <style type="text/css"> .error { width: 13em; /* ensures that the div won't exceed right padding of form */ margin-top: -1.5em; /*moves the div up to the same level as input */ margin-left: 11em; /*moves div to the right */ font-size: .9em; /*makes sure that the error div is smaller than input */ } <form> <label for="name">name:</label><input id="name" type="textbox" /> <div class="error"><<< this field is required!</div> <label for="numb">phone:</label><input id="numb" type="textbox" /> <div class="error"><<< this field is required!</div> </form>