jQuery Ajax
实现前台的验证,前台传给后台两个参数
修改这条改那条(前台验证,就可以防止这种情况)
function validator (){
var type=$("#Type").val();
var code=$("#Code").val();
$("#ifsubmit").val("");
if(null==type||""==type||null==code||""==code){
return false;
}
$.ajax({
type: 'POST',
data: {'type': type,'.code':code }, //这边不太好用data:$('#Form').serialize()
url: '/mall/Validator.action',
dataType: 'json',
success:function(data){
if(data.success=="false"){
}else if(data.codeExsit == "false"){
// $("#append").append("<div style>代码不能重复</div>");
// <div id="showResult" style="display: none;"></div>
$("#dataDictCode").css("border-color","red");
$("#showResult").show();
$("#ifsubmit").val("false")
//本来想在这里阻止form提交,不行,网上的onsubmit="check();return false
/* $("form").submit( function () {
return ;
}); */
// $("#showResult").html("代码不能重复");
// $("#showResult").css("color","red");
}else{
$("#dataDictCode").css("border-color","");
// $("#dataDictCode").removeAttr("border-color");
$("#showResult").hide();
}
}
});
}
两个都需要onblur
使用validator插件提交form
submitHandler : function() {
if($("#ifsubmit").val()=="false"){
return false;
}
后台
if (count>=1) {
//有记录
jsonResult.put("Exsit", "false");
}
一个输入框输入后,另一个自动生成
function find_skuCode(){
if($("#goodsCode").val()){
var a="HH"+$("#goodsCode").val().toUpperCase();
$("#skuCode").attr("value",a);
$("#skuCode").attr({"disabled":true});
}else {
$("#skuCode").val("");
}
}
<input type="text" name="hhCode" id="hhCode" value="" size="25" maxlength="60" disabled="disabled"/>
放在一行显示,用一个div包含,(另外一个div不可以),用span
<td style="width: 200px; height: 18px;"><div id="showResult" style="color: red;width: 131px;"><input type="text" name="" id="" value="${}" onblur="Codevalidator();" size="5" maxlength="50"/><span>代码不能重复</span></div></td>
后台获取textarea的值
<textarea name="" style="width: 400px;" id="">${remark}</textarea>
浙公网安备 33010602011771号