宝哥软件园

提交JQuery表单前验证单选框是否选中 删除记录时验证经验总结(整理)

编辑:宝哥软件园 来源:互联网 时间:2021-09-04

从三个渲染开始:

表单提交前验证所有字段

验证单选框是否选中

删除前确认一下

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

1.先说提交前验证:经常在后台使用(这里是提交后统一验证,及时验证请参考我的其他文章。

http://blog.csdn.net/jianzhonghao/article/details/52503431)

1.1通过提交按钮提交后,会根据表单的属性action=“path”跳转到对应的路径。此时,在表单中添加一个属性onsubmit="returncheck()",check()就是我们要编写的验证函数,如下图所示:

form action=' path ' on submit=' return check()'方法=' post' 1.2check()函数如下(验证名称是否填写,单选框性别是否选中)$ ('# notice '),只需写一个div,添加一个id属性即可。

脚本类型='text/javascript '函数check(){ var name=$('#name ')。val()。trim();var gender=$(' input : radio[name=' gender ']: checked ')。val();if(!名称){ $('#notice ')。文本('客户服务名称不能为空!').show();返回false}else if(!性别){ $('#notice ')。文字('请选择客服性别!').show();返回false} else { return true} }/script div id=' notice ' style=' font-size : 30px;color:red边距-top : 15px;'/div1.3最后,删除时,确认是否删除。

输入类型=' image' src=' http:删除图标的路径' title=' delete ' onclick=' { if(confirm)()您确定要删除吗?)){ JavaScript : document : del from _ $ { ServerInfo . id };返回真;}返回false}“分开写”实际上是如果(确认(‘确定要删除吗?’)){ { JavaScript : document : del from _ $ { ServerInfo . id };返回真;}返回false以上是边肖介绍的提交JQuery表单前验证单选框是否选中,删除记录时验证的经验总结。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+