jQuery扩展+xml实现表单验证功能的方法

2020-05-24 21:37:11易采站长站整理

<div class="form_item">
<span class="label fl"><b>*</b>电子邮箱:</span>
<div class="item_input fl">
<input id="reg_email" fun="_email" value="wj_dreamfly@163.com" name="MAIL" must="true" type="text" class="text" />
</div>
<p class="dui fl"></p>
</div>
<div class="form_item">
<span class="label fl"><b>*</b>联系地址:</span>
<div class="item_input fl">
<input id="reg_homeaddress" name="LXDZ" type="text" value="朝阳区" must="true" class="text" />
</div>
<p class="dui fl"></p>
</div>
<div class="form_item">
<span class="label fl"><b>*</b>部门:</span>
<div class="item_input fl">
<input id="reg_emp" name="BM" type="text" value="信息部" must="true" class="text" />
</div>
<p class="dui fl"></p>
</div>
<div class="form_item">
<span class="label fl"><b>*</b>职务:</span>
<div class="item_input fl">
<input id="reg_duty" name="ZW" type="text" value="开发" must="true" class="text" />
</div>
<p class="dui fl"></p>
</div>
<div class="form_item">
<span class="label fl" style="color:#FFF">。</span>
<div class="login_btn fl">
<a href="javascript:void(0)" id="submit">
<span style="width:270px; line-height:3em; text-align: center; background-image:url(images/regbut1216.png); display:block;color: white; ">提交</span>
</a>
</div>
</div>
</form>
<!-- 表单结束 -->
<a href="#aaa" id="point"></a>
</div>
<div id="footer"></div>
</body>
</html>
$(document).ready(function() {
$("#point").click();//用锚点自动定位第一个验证失败的表单
$("#submit").click(function() {//提交按钮
$("#regform").regattrs();//注册方法自动验证表单中所有的元素
});
$("input").regattr();//失去光标时验证
$("input").prompt();//获取光标是提示信息
});

PS:这里再为大家提供几款关于xml操作的在线工具供大家参考使用:

在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson

在线格式化XML/在线压缩XML:
http://tools.jb51.net/code/xmlformat

XML在线压缩/格式化工具:
http://tools.jb51.net/code/xml_format_compress

XML代码在线格式化美化工具: