Welcome 微信登录

首页 / 脚本样式 / JavaScript / jquery中输入验证中一个不错的效果

1 包含jquery
复制代码 代码如下:
<script src="images/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="images/jquery.form.js" type="text/javascript"></script>

2 设置
<div id="msg"></div></td>

3 JAVASCRIPT设置
复制代码 代码如下:
<script type="text/javascript">
<!--
$(function(){
$("#msg").hide();
var options = {
target: "#msg",
url: "XXXX.ACTION",
beforeSubmit: function(){

if($("#company").val()==""){
$("#msg").html("<span class="about_content_title">[公司名称]不能为空!</span>");
$("#msg").show(1000);
$("#msg").hide(3000);
return false;
}

$("#msg").html("<img src="images/loading.gif" /><span class="about_content_title"> 资料保存中,请稍候。。。</span>");
$("#msg").show(1000);
}
success: function() {
$("#msg").html("<span class="about_content_title">资料保存成功!</span>");
$("#msg").show(1000);
$("#myform").resetForm();
$("#msg").hide(3000);
}
};
$("#myform").ajaxForm(options);
});
-->
</script>