Javascript 使用带有文本框检查的JQuery更新表行,我需要检查文本框值
这是我的JQuery while按钮单击我在该表中添加表行,有文本框我需要检查文本框值,同时关注,请有人帮助我朋友 我的html代码朋友Javascript 使用带有文本框检查的JQuery更新表行,我需要检查文本框值,javascript,jquery,asp.net-mvc,jquery-ui,Javascript,Jquery,Asp.net Mvc,Jquery Ui,这是我的JQuery while按钮单击我在该表中添加表行,有文本框我需要检查文本框值,同时关注,请有人帮助我朋友 我的html代码朋友 <html> <head> </head> <body> <table> <tr> <td>
<html>
<head>
</head>
<body>
<table>
<tr>
<td>
<label id="RecFrom">Receied From</label><br />
<%: Html.TextBox("RecFrom", null, new { @class = "onlyname", id="RFrom" })%>
</td>
<td>
<label id="RecDate" > Received Date </label><br />
<%: Html.TextBox("RecDate", null, new { @class = "date", id="Rdate", @readonly = "readonly" })%>
</td>
<td id="External">
<%: Html.Label("External Referance") %>
<input type='text' id='Exref' name='ExternalReferance'>
</td>
</tr>
<tr id="Refdetails">
<td>
<%: Html.Label("Referance Date") %>
<input type='text' id='RefDate' class='date' readonly='readonly'>
</td>
<td>
<%: Html.Label("Impact Of Payment") %>
<select id='Impact' name='Impact' class='dropdown'><option>NO</option><option>YES</option></select>
</td>
<td>
<%: Html.Label("Impact By Date") %>
<input type='text' id='impactdate' name='Impactdate' class='date' readonly='readonly'>
</td>
</tr>
<tr>
<td id="Amountdetails">
<%: Html.Label("Impact By Amount") %>
<input type='text' id='Amount' name='ImpactAmount' class='Number'>
</td>
</table>
<table id="ProductRecipt">
<tbody>
<tbody>
</table>
<input type="Submit" value="Next" id="btn"/>
</body>
</html>
收到自
接收日期
诺伊斯
我的JQuery是
$(document).ready(function ()
$('#btn').click(function (){
$('#ProductRecipt tbody').append("<tr><td class='code'>" + ItemCode + "<input type='hidden' name='ItemCode' value='" + ItemCode + "'/></td><td class='desc'>" + $('#Cat').val() + "<input type='hidden' name='ItemName' value='" + $('#Cat').val() + "'/></td><td class='qty'>" + $('#RFrom').val() + "<input type='hidden' name='ReceviedFrom' value='" + $('#RFrom').val() + "'/></td><td class='qty'>" + $('#Rdate').val() + "<input type='hidden' name='ReceviedDate' value='" + $('#Rdate').val() + "'/></td><td>" + result.Quantity + "<input type='hidden' class='TotalQuantity' value= '"+ result.Quantity +"'></td><td><input type='text' class='Rqty' name='ReceviedQuantity'></td><td><input type='text' name='Remarks' style='widht : 75px;'></td><td><input type='button' class='remove' value='remove'/></td></tr>");
});
$('#ProductRecipt tbody').on('focusout', '.Rqty', function () {
var qty = $(this).parent($('#ProductRecipt tbody .TotalQuantity').val());
alert(qty);
var rqy = (this).val();
alert(rqy);
if (qty > rqy) {
alert('Enter Minimum Quantity');
return false;
$(this).focus();
}
});
});
$(文档).ready(函数()
$('#btn')。单击(函数(){
$(“#ProductRecipt tbody”).append(“+ItemCode+”++$(“#Cat”).val()++++$(“#RFrom”).val()++$(“#Rdate”).val()+++”+result.Quantity+);
});
$('ProductRecipt tbody').on('focusout','.Rqty',函数(){
变量数量=$(this).parent($('#ProductRecipt tbody.TotalQuantity').val());
警报(数量);
var rqy=(this.val();
警报(rqy);
如果(数量>rqy){
警报(“输入最小数量”);
返回false;
$(this.focus();
}
});
});
试试这个:
$(document.body).on('mouseout', '#ProductRecipt tbody .Rqty', function() {
var qty = $(this).parent($('.TotalQuantity').val());
alert(qty);
var rqy = ('.Rqty').val();
if (qty > rqy) {
alert('Enter Minimum Quantity');
return false;
$(this).focus();
});
我认为这就是你需要的:
$(document).on("focusout", ".Rqty", function() {
alert($(this).val()); // do the validation here
});
Friend document.body表示它可以获取所有的表体标记。我可以修改选择器吗?请检查now@Dinesh:如果你能创建一些fiddle,那就太好了。如何创建fiddle好友将你的代码放在。运行并检查输出。然后保存并给出链接。我有两个文本框,哪个文本框的值是得到焦点的那个。例如,如果您单击文本框,然后单击out或pres tab,或者以某种方式离开该框,它将触发事件$(this).val()-表示文本框的值OK,然后如何比较同一行的值和另一个文本框的值如果同一行上只有给定类的一个字段,则可以执行以下操作:var the_the_other_box的_value_=$(this).parents('tr').find('.your_class_name').val();警报(其他框的值);在jQuery上操作表时,不需要使用“tbody”选择器。这应该可以正常工作:$('ProductRecipt').append('your#html_代码');