如果“caseref”字段少于10个字符,请不要发布表单

时间:2015-11-24 15:57:49

标签: javascript html

有人可以帮忙吗?

我无法让这个工作,如果“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个字符,那么它需要发布一个消息框说“请再试一次!”

提前谢谢

2 个答案:

答案 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");
    }
});