php判断是否选中radio,JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)...

先上三张效果图:

720b149e258bb2f245557bfbd4295831.png

79c6986b6d266bfada2517c2a5f31625.png

3f82e5e6f92b105dd9bc79a0855967ec.png

这些功能在Java Web开发中可能是经常需要的,虽然很简单却使很实用的功能,这里记录下以免忘记。

1. 先说表单提交前验证:后台经常用到(这里是提交后统一验证,及时验证请参考我另一篇文章

1.1 通过submit 按钮提交后 会根据form的属性action=“路径”来跳转到相应的路径,这时,给form添加一个 onsubmit =”return check()” 属性, check()使我们要写的验证函数,如下图:

1.2 check()函数如下(验证姓名是否填写 与 单选框性别是否选中) $(‘#notice') 的话,随便写个div加个id属性就好了

function check(){

var name = $('#name').val().trim();

var gender=$('input:radio[name="gender"]:checked').val();

if(!name){

$('#notice').text('客服名称不能为空!').show();

return false;

}else if(!gender){

$('#notice').text('请选择客服性别!').show();

return false;

}

else{

return true;

}

}

1.3最后说一下删除时,确认是否删除的问题

分开写实际就是

if(confirm('确定删除吗?')){

{javascript:document:delfrom_${ServerInfo.id };

return true;

}

return false;

以上所述是小编给大家介绍的JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用layui的form模块和jQuery来实现该功能。具体实现步骤如下: 1. 给下拉框和单选框分别添加一个id,以便在后面的代码中进行操作。 ```html <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">下拉框</label> <div class="layui-input-inline"> <select id="my-select" name="city"> <option value="">请选择城市</option> <option value="北京">北京</option> <option value="上海">上海</option> <option value="广州">广州</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">单选框</label> <div class="layui-input-inline"> <input type="radio" id="my-radio" name="sex" value="男" title="男"> <input type="radio" id="my-radio" name="sex" value="女" title="女"> </div> </div> </form> ``` 2. 编写jQuery代码,在下拉框选中后隐藏单选框。 ```html <!-- 引入jQuery和layui --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/layui/2.5.7/layui.all.min.js"></script> <script> // 初始化layui表单 layui.use('form', function(){ var form = layui.form; form.render(); // 监听下拉框选择事件 form.on('select(city)', function(data){ // 获取选择的城市 var city = data.value; // 如果选择的是“北京”,则隐藏单选框 if(city == '北京'){ $('#my-radio').hide(); }else{ $('#my-radio').show(); } }); }); </script> ``` 在上面的代码中,我们首先初始化了layui表单,然后监听了下拉框的选择事件。当选择的城市为“北京”,我们使用jQuery的hide()方法来隐藏单选框;否则使用show()方法来显示单选框。 需要注意的是,这里我们给下拉框和单选框分别设置了相同的id,这不是规范的做法,因为id应该是唯一的。实际开发中应该给它们分别设置不同的id。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值