如何在多表单的输入框中使用输入事件javascript
How using enter event javascript in inputbox with multiple form
如果像这样,如何在inputbox中使用输入事件javascript
这是我的代码,我使用onclick但不工作,如果使用回车事件如何使用
<form id="msg_1" action="" method="post">
<input type="text" onclick="submit_msg("1")" name="post_msg_1">
</form>
<form id="msg_2" action="" method="post">
<input type="text" onclick="submit_msg('2')" name="post_msg_2">
</form>
<form id="msg_3" action="" method="post">
<input type="text" onclick="submit_msg("3")" name="post_msg_3">
</form>
这是我的javascript
function submit_msg(uid) {
var msg= $("#post_msg_"+uid).val();
var dataString = 'msg='+ msg;
if (msg == '') {
alert("Insertion Failed Some Fields are Blank....!!");
return false;
} else {
$.ajax({
type: "POST",
url: "http://localhost/home/sendcmnt/"+uid,
data: dataString,
cache: true,
success: function(html){
$('#msg_'+uid)[0].reset(); // To reset form fields
}
});
}
return false;
}
如何将inputbox和javascript与enter一起使用?
感谢
这种方法怎么样?
- 首先输入一些值,然后按输入栏上的回车键
- 之后,表单将使用Ajax发送表单数据
演示
HTML
<form id="msg_1" action="" method="post">
<input type="text" data-uid="1" name="post_msg">
</form>
<form id="msg_2" action="" method="post">
<input type="text" data-uid="2" name="post_msg">
</form>
<form id="msg_3" action="" method="post">
<input type="text" data-uid="3" name="post_msg">
</form>
和JavaScript
$('form').on('submit', function(e) {
var $form = $(this);
var $post_msg = $form.find('[name="post_msg"]');
var msg = $post_msg.val();
var uid = $post_msg.attr('data-uid');
var dataString = 'msg='+ msg;
if (msg === '') {
alert("Insertion Failed Some Fields are Blank....!!");
return false;
} else {
$.ajax({
type: "POST",
url: "http://localhost/home/sendcmnt/"+uid,
data: dataString,
cache: true,
success: function(html){
$form[0].reset(); // To reset form fields
}
});
}
return false;
});
相关文章:
- 我能从“;输入“;事件是否有更好的方法来跟踪文本更改
- Node.js输入数据事件停止
- 如何创建一个在JavaScript中执行与键盘输入相同事件的按钮
- 如何使用输入模糊事件更新多个具有相同类名的标签的文本
- 在 JQuery 中的复选框上输入关键事件
- 使用输入/输出事件在 Angular 2 中的父组件中触发方法
- 点击上传文件后上传图片!按钮不输入更改事件
- JQuery 焦点,无需输入关键事件快捷方式
- 按键,键控和更改具有相同类名的输入的事件
- 取消表单提交,但允许输入键事件
- JQuery 输入类事件捕获在 MVC 5 ASP.NET 不起作用
- 在数字输入中输入小数时触发输入更改事件
- Javascript-在iframe中输入更改事件
- knockout.js输入框事件更改-传递旧值
- 使用DOM更新时不会触发输入文本事件
- 聚合物输入改变事件
- 谷歌搜索页面-条形码输入触发事件
- Angular.js文件上传器输入onChange事件问题
- 脊梁-怎么通过这个.骨干视图中文件输入更改事件
- 如何使用Javascript验证用户输入添加事件监听器