jquery校验提示信息被覆盖

zhangjianmei11111 2018-08-28 10:47:52

<input number="true" min="0.01" type="text" class="form-control input-sm" id="asmperiod_cost" name="asmperiod_cost" required title="请以OA中已审批通过的成本评估表为准">
如上，有两项检验，还有一个title属性，当输入非数字或者小于0的数字时应提示非数字或者输入的内容应大于0.01的提示信息，但是现在却提示的是title里的内容，不知道这个问题该怎么解决，title我想保留，这个是为了提示输入框的输入内容应该参照评估表，鼠标悬浮在输入框即可提示

...全文

143 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhangjianmei11111 2018-08-28

打赏
举报

这个是jquery valid的内置校验啊，加个属性就可以自动校验

風灬雲 2018-08-28

打赏
举报

校验的逻辑代码呢，就这样写个number 和min 有校验功能？

Logerlink 2018-08-28

打赏
举报

简单看了看教程网，大概是这样吧
http://www.runoob.com/jquery/jquery-plugin-validate.html （将校验规则写到 js 代码中）



<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>

		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>

		<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>

		<script>

			$(function(){

				$('#signupForm').validate({

					rules:{

						asmperiod_cost:{

							required:true,

							number:true,

							min:0.01

						},

						

					},

					messages:{

						asmperiod_cost:{

							required:'不能为空',

							number:'必须为数字',

							min:'最小为0.01'

						}

					}

				})

			})

		</script>

	</head>

	<body>

		<form class="cmxform" id="signupForm" method="get" action="">

			<input number="true" min="0.01" type="text" class="form-control input-sm" id="asmperiod_cost" name="asmperiod_cost"  title="请以OA中已审批通过的成本评估表为准">

		 	<p>

		      <input class="submit" type="submit" value="提交">

		    </p>

		</form>

	</body>

</html>