表单回车键提交和ajax传值结合使用技巧

本文介绍了如何将表单的回车提交事件与Ajax技术相结合,实现数据的无刷新传递。强调check()函数不应放置在$(function(){});中,以确保正确执行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

简述:在form标签中写
οnkeydοwn="if(event.keyCode==13) return check();"
提交的input的type属性值为button,点击的时候执行check()方法
建议用button作为交互用的按钮,来提交表单。同时请注意设置type=submit来兼容IE。

<form οnkeydοwn="if(event.keyCode==13) return check();">
    <input action="javascript:void(0);" type="hidden" name="ver_id" value="{$curr_version.ver_id}">
    <div class="form-group">
        <label>版本号</label>
        <input type="text" class="form-control" name="version_number" placeholder="请输入版本号" value="{$curr_version.version_number}">
        <p class="help-block">例:7.3.1</p>
     </div>
    <button type="submit" class="btn btn-success btn-sm">提交</button>
</form>
<script
function check(){
            var version_number = $("input[name='version_number']").val();
            var ver_id = $("input[name='ver_id']").val();
            var patt = /\d+(\.\d+){0,3}/;
            var url = "{:url('Version/edit')}";
            if (patt.test(version_number)) {
                $.ajax({
                    url: "{:url('Version/edit')}",
                    type: 'POST',
                    data: {version_number: version_number, ver_id: ver_id},
                    success: function(data){
                        alert(data);
                    }
                })

            } else {
                alert("格式错误(正确格式,如:7.1)");
                return false;
            }
        }
<script>

注意:check()函数不要写在$(function(){});里面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值