ZhiYeJianKang_PeiXun/Song.Site/Utility/Verify/Demo/2-3.htm
2025-02-20 15:41:53 +08:00

63 lines
3.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../Scripts/jquery.js"></script>
<script type="text/javascript" src="../Scripts/Verify.js"></script>
<link href="../Styles/Public.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>数值区间验证</h1>
<h2>概述</h2>
<div class="desc">
<p>在控件设置参数 <strong>numlimit</strong>即可实现对录入字符长度的限制。</p>
<p>&lt;input name=&quot;&quot; type=&quot;text&quot; <strong>numlimit=&quot;5&quot;</strong>/&gt;数值不得大于5</p>
<p>&lt;input name=&quot;&quot; type=&quot;text&quot; <strong>numlimit=&quot;5-10&quot;</strong>/&gt;数值介于5-10之间</p>
</div>
<h2>示例</h2>
<h3>1、数值区间验证</h3>
<div class="desc">
<fieldset>
<legend>固定数值区间</legend>
<pre>&lt;form onsubmit=&quot;alert('验证成功');return false;&quot;&gt;<br /> &lt;p&gt; 测试1<br /> &lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;8&quot; <strong>numlimit=&quot;5&quot;</strong>/&gt;<br /> &lt;/p&gt;<br /> &lt;p&gt; 测试2<br /> &lt;input name=&quot;&quot; type=&quot;text&quot; <strong>numlimit=&quot;5-10&quot;</strong>/&gt;<br /> &lt;/p&gt;<br /> &lt;p&gt;<br /> &lt;input type=&quot;submit&quot; name=&quot;button&quot; class=&quot;button&quot; value=&quot;验证表单&quot; verify=&quot;true&quot;/&gt;<br /> &lt;/p&gt;<br /> &lt;/form&gt;</pre>
<form onsubmit="alert('验证成功');return false;">
<p> 测试1
<input name="" type="text" value="8" numlimit="5"/>
</p>
<p> 测试2
<input name="" type="text" numlimit="5-10"/>
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>
</fieldset>
</div>
<div class="desc">
<fieldset>
<legend>指定控件的值为数值区间</legend>
<pre>&lt;form onsubmit=&quot;alert('验证成功');return false;&quot;&gt;<br /> &lt;p&gt; 产品价格:<br /> &lt;input name=&quot;prise&quot; type=&quot;text&quot; value=&quot;10&quot; datatype=&quot;uint&quot;/&gt;<br />&lt;/p&gt;<br /> &lt;p&gt;最低优惠:<br /> &lt;input name=&quot;min&quot; type=&quot;text&quot; value=&quot;12&quot;
datatype=&quot;uint&quot;<strong> numlimit=&quot;{prise}&quot;</strong>/&gt;(优惠价不可以超过产品价格)<br /> &lt;/p&gt;<br /> &lt;p&gt; 最大优惠:<br /> &lt;input name=&quot;max&quot; type=&quot;text&quot;
<strong>numlimit=&quot;{min}-{prise}&quot;</strong>/&gt;(最大优惠大于最低优惠,但不可以超过产品价格)<br /> &lt;/p&gt;<br /> &lt;p&gt;<br /> &lt;input type=&quot;submit&quot; name=&quot;button&quot;
class=&quot;button&quot; value=&quot;验证表单&quot; verify=&quot;true&quot;/&gt;<br /> &lt;/p&gt;<br />&lt;/form&gt;</pre>
<form onsubmit="alert('验证成功');return false;">
<p> 产品价格:
<input name="prise" type="text" value="10" datatype="uint"/>
</p>
<p>最低优惠:
<input name="min" type="text" value="12" datatype="uint" numlimit="{prise}"/>(优惠价不可以超过产品价格)
</p>
<p> 最大优惠:
<input name="max" type="text" numlimit="{min}-{prise}"/>(最大优惠大于最低优惠,但不可以超过产品价格)
</p>
<p>
<input type="submit" name="button" class="button" value="验证表单" verify="true"/>
</p>
</form>
<script>
</fieldset>
</div>
</body>
</html>