たとえば、次のオプションのうち、* の付いたオプションを選択する必要があります。図を参照してください:
上のページをご覧になりましたか?ビジネス処理チャネルで複数の選択肢の中から 1 つを選択する必要があります。どうすればよいですか?何も選択されていない場合は、フォームの送信時にエラー メッセージが表示されます。 jQuery の入力検証は非常に簡単であることは誰もが知っていますが、複数の選択または単一の選択を検証する必要があることはほとんどありません。さらに、これはページ上のすべてではなくグループに分割されるグループ検証です。 !何をするか?
jquery の代わりに他のものを使用しても問題ありませんか?できる! ! !ただし、実装には依然として jquery を使用します。
最初に、選択されていない効果は次のようになります:
いずれか 1 つが選択されていると、以下に示すようにプロンプト メッセージがすぐに消えます:
実際、これは jsmap を使用して実現できます。つまり、js を使用してマップをシミュレートします。次のコードは公開されています。今後この状況が発生した場合は、次の js コードをコピーして、いくつかの設定を行ってください。
次のコードを使用します。jquery 検証 js を導入する必要があります
コードは次のとおりです:
まず、次の js コードを js ファイルまたはページに追加します:
var BHC = [], BCC = [], BQC = [], IC = [];
var BAC = [];
var BUC = [];
var setting = [
{
key: "BHC",
value: BHC
},
{
key: "BAC",
value: BAC
}, { key: "BUC", value: BUC }, { key: "BCC", value: BCC }, { key: "BQC", value: BQC }, {key:"IC",value:IC}
];
return {
//通过数组名得到数组织
getArr: function (arr_name) {
for (var setting_i = 0, setting_len = setting.length; setting_i < setting_len; setting_i++) {
if (setting[setting_i].key == arr_name) {
return setting[setting_i].value;
}
}
},
//删除指定数组中的某一个元素
delArr: function (arr_name, elementValue) {
for (var delArr_i = 0, delArr_len = setting.length; delArr_i < delArr_len; delArr_i++) {
if (setting[delArr_i].key == arr_name) {
for (var arr_i = 0, arr_len = setting[delArr_i].value.length; arr_i < arr_len; arr_i++) {
if (setting[delArr_i].value[arr_i] == elementValue) {
setting[delArr_i].value.splice(arr_i, 1);
}
}
for (var pushArr_i = 0, pushArr_len = setting.length; pushArr_i < pushArr_len; pushArr_i ) {
}
}
}
}
} ());
/**
*The click event of the check box or radio is applied to the above map
* @author Zhuang Puxiang, University of Electronic Science and Technology of China
*/
function chk(event, arrName) {
if (event.checked == true) {
//Add an element to the array named arrName
MapArr.pushArr(arrName, event.value);
} else {
//Remove an element from the array named arrName
MapArr.delArr(arrName, event.value);
var checkInput = document.getElementById(arrName);
if (MapArr.getArr(arrName)[0] == 'undefined' || MapArr.getArr(arrName)[0] == null) {
checkInput.value = null; //Give him the value of this array. In this case, it has the effect of verification
} else {
} checkInput.value = MapArr.getArr(arrName)[0];
//How to make the prompt information appear after adding the value Disappear?
if (!$("#form1").valid()) return false; //Just to make this chapter expand and disappear, so don't run the submitted check, it will affect the display of the chapter
}
Two: Add an input after the group of titles of the multi-select or single-select you need to verify:
Copy Code
The code is as follows:
Copy code
The code is as follows: