以下是網上找的一段代碼，我想在以下代碼上增加以下功能，input 為空時彈出提醒，輸入的值只能數字和大寫字母(或輸入小寫時強制轉成大寫)的組合
<script src="https://bbs.csdn.net/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('table #ddr').click(function(){
if(!$(this).is('.input')){
$(this).addClass('input').html('<input type="text" value="'+ $(this).text() +'" />').find('input').focus().blur(function(){
var thisid = $(this).parent().siblings("th:eq(0)").text();
var thisvalue = $(this).val();
var thisclass = $(this).parent().attr("class");
$.post("update.PHP",
{
thisid:(thisid),
thisclass:(thisclass),
thisvalue:(thisvalue)
});
$(this).parent().removeClass('input').html($(this).val() || 0);
});
}
}).hover(function(){
$(this).addClass('hover');
},function(){
$(this).removeClass('hover');
});
});
</script>
<form ACTION="?add=1" METHOD="POST" name="form1" id="form1" onSubmit="return BeforeSubmit111()">
<table border="0">
<tr>
<td align="center" bgcolor="#D5D5D5" style="width: 50px"><strong>序號</strong></td>
<td align="center" bgcolor="#D5D5D5" style="width: 160px"><strong>SN開始</strong></td>
<td align="center" bgcolor="#D5D5D5" style="width: 160px"><strong>SN結束</strong></td>
<td align="center" bgcolor="#D5D5D5" style="width: 160px"><strong>發布時間</strong></td>
<td align="center" bgcolor="#D5D5D5" style="width: 60px"><strong>操作</strong></td>
</tr>
<tr>
<td>1</td>
<td id="ddr">LO55NASE00001</td>
<td id="ddr">LO55NASE09000</td>
<td>2020/6/18 8：32</td>
<td align="center">洗掉</td>
</tr>
<tr>
<td>2</td>
<td id="ddr">LE32NLE00001</td>
<td id="ddr">LE32NLE01000</td>
<td>2020/6/18 8：32</td>
<td align="center">洗掉</td>
</tr>
<tr>
<td>發布：</td>
<td><input name="ProductSNStart" type="text" id="ProductSNStart" size="18" maxlength="18" onKeyUp="value=https://bbs.csdn.net/topics/value.replace(/[^/a-/z/A-/Z0-9]/g,'');toUpperCase(this);javascript:this.value.substring(0,1)=='0'?this.value='':this.value=https://bbs.csdn.net/topics/this.value"/></td>
<td><input name="ProductSNEnd" type="text" id="ProductSNEnd" size="18" maxlength="18" onKeyUp="value=https://bbs.csdn.net/topics/value.replace(/[^/a-/z/A-/Z0-9]/g,'');toUpperCase(this);javascript:this.value.substring(0,1)=='0'?this.value='':this.value=https://bbs.csdn.net/topics/this.value"/></td>
<td colspan="2" align="left"><input type="submit" name="button" id="button" value="https://bbs.csdn.net/topics/::提交::" /></td>
</tr>
</table>
</form>
uj5u.com熱心網友回復：
這很簡單啊，用相應的事件處理就好了。changeuj5u.com熱心網友回復：
不好意思，我不太會，怎么用？uj5u.com熱心網友回復：
<input type="text" onkeyup="this.value=https://bbs.csdn.net/topics/this.value.replace(/[^a-zA-Z0-9]/,'').toLocaleUpperCase()">放到html頁面里看看是不是你需要的
uj5u.com熱心網友回復：
我是要在以下代碼中實作這功能，因為點擊單元格就變成了input了，這時就要做判斷。
<script src="https://bbs.csdn.net/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('table #ddr').click(function(){
if(!$(this).is('.input')){
$(this).addClass('input').html('<input type="text" value="'+ $(this).text() +'" />').find('input').focus().blur(function(){
var thisid = $(this).parent().siblings("th:eq(0)").text();
var thisvalue = $(this).val();
var thisclass = $(this).parent().attr("class");
$.post("update.PHP",
{
thisid:(thisid),
thisclass:(thisclass),
thisvalue:(thisvalue)
});
$(this).parent().removeClass('input').html($(this).val() || 0);
});
}
}).hover(function(){
$(this).addClass('hover');
},function(){
$(this).removeClass('hover');
});
});
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/37223.html
標籤：JavaScript
上一篇：HTML5制作網站