有人可以帮忙吗?
我无法让这个工作,如果“caseref”字段中包含少于10个字符,我需要表格才能发布,html是:
<html>
<head>
<title>Update</title>
</head>
<body>
<form method="POST" action="update.php">
<table height="408" width="527">
<tr>
<td height="25" width="334"><font face="Calibri" size="6">Case Ref:<br>
<input type="text" name="caseref" size="25" maxlength="13 value=""> </font></td>
</tr>
<tr>
<td height="25" width="334"><font face="Calibri" size="6">Engineers Name:<br>
<select name="name">
<option value="Dave" selected>Dave</option>
<option value="Terry">Terry</option>
<option value="Piere">Piere</option>
<option value="Steve">Steve</option>
<option value="Craig">Craig</option>
<option value="Faz">Faz</option>
</select></font></td>
</tr>
<tr>
<td height="164" width="334"><font face="Calibri" size="6">Update:<br>
<textarea cols="17" name="notes" rows="10"></textarea></font></td>
</tr>
<tr>
<td height="27" width="475">
<div align="center">
<p align="left"><font face="Calibri" size="6"><input type="submit" value="Submit"></font></p>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
因此,如果案例引用字段少于10个字符,那么它需要发布一个消息框说“请再试一次!”
提前谢谢
答案 0 :(得分:0)
您可以做的是使用onclick功能将<input type="submit" value="submit">
更改为普通按钮。
在此函数中,您可以使用javascript检查ref字段的长度并做出相应的反应。
您可以查看一个有效的示例here
答案 1 :(得分:0)
<input type="text" name="caseref" size="25" maxlength="13" id="caseref" value="">
嗨,你可以使用jQuery。
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$('input[type="submit"]').on("click",function(){
e.preventDefault(); // prevents default
var myLength = $("#caseref").val().length;
if(myLength > 10){
$('#form').submit();
}else{
$('#message').html("Please, try again");
}
});
</script>
您可以更改此类链接的提交按钮
<input type="submit" value="Submit">
<!-- change for-->
<a href="javascript:;" id="button">Send</a>
同时替换表单标题
<form method="POST" id="form" action="update.php">
然后更改
的点击事件$('#button').on("click",function(){
var myLength = $("#caseref").val().length;
if(myLength > 10){
$('#form').submit();
}else{
$('#message').html("Please, try again");
}
});