控制submit为form表单提交

最新推荐文章于 2022-03-02 23:16:08 发布

我思故我在.

最新推荐文章于 2022-03-02 23:16:08 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/wy15027539821/article/details/95723676

博客介绍了用JS控制表单提交和输入验证的方法。一是控制输入框输入是否为9位数字，判断长度和是否含数字，执行else时对指定表单作submit提交；二是利用onsubmit属性控制submit提交，在form中添加onsubmit='return checkRate()'，确保按条件提交。

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

1.js控制

如在测试一个输入框输入的是否为9位数字是
可以这样控制，
首先判断长度是否为9位
在判断是否包含数字，
执行else的时候就是为id为form-bossSort-add的form表单作submit提交
注意：这个时候要为按钮格式改为button 添加onclick方法

function checkRate(){
var a =  $('#province').val();
var re = /^[0-9]+.?[0-9]*$/;
if(a.length<9||a.length>9){
layer.designMsg('请输入正确的9位地区编码!',5);
return false;
}
else if (!re.test(a)){

    alert("请输入正确的9位地区编码");
    // document.getElementById(input).value = "";
    return false;

    }
else{
    $("#form-bossSort-add").submit();
}
}

2.onsubmit属性控制submit提交

同样在上面的前提下，
我们要判断输入框输入的是否为9位数字，

我们可以把按钮的属性改为submit
但是在submit提交时会直接提交，不管判断是ture还是false都会提交

现在我们在form中添加一个属性 onsubmit = “return checkRate()”
注意一定要写return 因为submit提交不写的话默认onclick return的就是true，所以每次都会提交。

这个时候的当else执行的时候我们就该让它返回true

function checkRate(){
var a =  $('#province').val();
var re = /^[0-9]+.?[0-9]*$/;
if(a.length<9||a.length>9){
layer.designMsg('请输入正确的9位地区编码!',5);
return false;
}
else if (!re.test(a)){

    alert("请输入正确的9位地区编码");
    // document.getElementById(input).value = "";
    return false;

    }
else{
    return true；
}
}