作成日: 2016/04/20 最終更新日: 2016/05/18
文書種別
不具合
状況
修正済み
詳細
WijInputウィジェットが含まれるフォームを送信すると、WijInputの値ではなく、ウィジェットに表示されている文字列が送信されてしまいます。
例えば、WijInputTextでパスワード文字を「*」に設定すると、入力した文字列ではなく「***」という文字列が送信されてしまいます。
2. 送信ボタンをクリックします。
結果: 次の文字列が送信されます。
・WijInputText: ***
・WijInputNumber: 123.00
・WijInputMask: 123_____
◎サンプルコード
例えば、WijInputTextでパスワード文字を「*」に設定すると、入力した文字列ではなく「***」という文字列が送信されてしまいます。
再現手順
1. WijInputウィジェットに「123」と入力します。2. 送信ボタンをクリックします。
結果: 次の文字列が送信されます。
・WijInputText: ***
・WijInputNumber: 123.00
・WijInputMask: 123_____
◎サンプルコード
<form>
Input: <input name="Input" type="password" /><br>
WijInputText: <input id="WijInputText" name="WijInputText" /><br>
WijInputNumber: <input id="WijInputNumber" name="WijInputNumber" /><br>
WijInputMask: <input id="WijInputMask" name="WijInputMask" /><br>
<button type="submit">Submit</button>
</form>
<script>
$('#WijInputText').wijinputtext({
passwordChar: '*'
});
$('#WijInputNumber').wijinputnumber({
});
$('#WijInputMask').wijinputmask({
maskFormat: 'AAAAAAAA'
});
</script>
Input: <input name="Input" type="password" /><br>
WijInputText: <input id="WijInputText" name="WijInputText" /><br>
WijInputNumber: <input id="WijInputNumber" name="WijInputNumber" /><br>
WijInputMask: <input id="WijInputMask" name="WijInputMask" /><br>
<button type="submit">Submit</button>
</form>
<script>
$('#WijInputText').wijinputtext({
passwordChar: '*'
});
$('#WijInputNumber').wijinputnumber({
});
$('#WijInputMask').wijinputmask({
maskFormat: 'AAAAAAAA'
});
</script>
回避方法
この問題はバージョン3.20161.92で修正されました。
修正版の適用方法については、アップデートの方法を参照してください。
修正版を適用しない場合の回避方法は次のとおりです。
フォーム送信時に非表示のinput要素を生成してname属性と値をコピーすることで、ウィジェットの値を送信することができます。
◎サンプルコード
修正版の適用方法については、アップデートの方法を参照してください。
修正版を適用しない場合の回避方法は次のとおりです。
フォーム送信時に非表示のinput要素を生成してname属性と値をコピーすることで、ウィジェットの値を送信することができます。
◎サンプルコード
addSubmitHandler_WijInputText($('#WijInputText'));
addSubmitHandler_WijInputNumber($('#WijInputNumber'));
addSubmitHandler_WijInputMask($('#WijInputMask'));
function addSubmitHandler_WijInputText(elem) {
var form = elem.closest('form');
if (form == null) return;
form.on('submit', function() {
$('<input>').appendTo(form).hide().attr('name', elem.attr('name')).val(elem.wijinputtext('getText'));
elem.prop('disabled', true);
});
}
function addSubmitHandler_WijInputNumber(elem) {
var form = elem.closest('form');
if (form == null) return;
form.on('submit', function() {
$('<input>').appendTo(form).hide().attr('name', elem.attr('name')).val(elem.wijinputnumber('getValue'));
elem.prop('disabled', true);
});
}
function addSubmitHandler_WijInputMask(elem) {
var form = elem.closest('form');
if (form == null) return;
form.on('submit', function() {
$('<input>').appendTo(form).hide().attr('name', elem.attr('name')).val(elem.wijinputmask('getText'));
elem.prop('disabled', true);
});
}
addSubmitHandler_WijInputNumber($('#WijInputNumber'));
addSubmitHandler_WijInputMask($('#WijInputMask'));
function addSubmitHandler_WijInputText(elem) {
var form = elem.closest('form');
if (form == null) return;
form.on('submit', function() {
$('<input>').appendTo(form).hide().attr('name', elem.attr('name')).val(elem.wijinputtext('getText'));
elem.prop('disabled', true);
});
}
function addSubmitHandler_WijInputNumber(elem) {
var form = elem.closest('form');
if (form == null) return;
form.on('submit', function() {
$('<input>').appendTo(form).hide().attr('name', elem.attr('name')).val(elem.wijinputnumber('getValue'));
elem.prop('disabled', true);
});
}
function addSubmitHandler_WijInputMask(elem) {
var form = elem.closest('form');
if (form == null) return;
form.on('submit', function() {
$('<input>').appendTo(form).hide().attr('name', elem.attr('name')).val(elem.wijinputmask('getText'));
elem.prop('disabled', true);
});
}
旧文書番号
81630