0

エラーdivに正しく表示されることを検証するために無線フィールドタイプを取得する方法を知っている人はいますか？現在、まったく検証されていません

<script src="http://jquery.bassistance.de/validate/lib/jquery.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/lib/jquery.metadata.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/validate/jquery.validate.js" type="text/javascript"></script>

  <style type="text/css">
    div.error { height: 15px; overflow: hidden; }
    .cmxform p.error label { color: #FFFF00; font-size: 13px; }
    label.error, label.error { color: #FFFF00; font-size: 13px; }
    div.container { display: none }
    .container label.error { display: inline; }
    form.cmxform label.error { display: block; width: auto; }
  </style>

<script type="text/javascript">
$.validator.setDefaults({
    submitHandler: function() {
        alert("submitted!");
    }
});

$().ready(function() {
    $("#form1").validate({
        errorLabelContainer: $("#form1 div.error")
    });
    var container = $('div.container');
});
</script>

形

<form method="post" class="cmxform" id="form1" action="">
    <div class="error"></div>
        <input class="inputxt {required:true,minlength:3}" title="fill-in all fields" name="name" />
        <input type="radio" name="website" value="Yes" validate="required" /> YES 
        <input type="radio" name="website" value="No" /> NO
</form>
4

2 に答える 2

1

ラジオセットのメンバーの1つを必須に設定するだけで、残りはjqueryが処理します。

<input type="radio" name="myoptions" value="blue" class="required"> Blue<br />
<input type="radio" name="myoptions" value="red"> Red<br />
<input type="radio" name="myoptions" value="green"> Green

上記では、続行する前に、「マイオプション」の名前が付いた3つの無線オプションのうち少なくとも1つを選択する必要があります。

ところで、Mahesによるラベルの提案は素晴らしい働きをします！

于 2012-08-26T06:20:28.807 に答える
1

これは便利かもしれません：http：//jsfiddle.net/kDyRm/

ここでの私の以前の返信の1つからそれを作りました：jsfiddleでjquery検証プラグインが起動していません

また、これは非常に便利です：http: //jsfiddle.net/Bd688/7/

http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ドキュメント http://docs.jquery.com/Plugins/Validation

デモが原因に合うことを願っています:)

于 2012-08-26T07:21:15.720 に答える