2

有人在下面的表单中帮助我进行 javacript 验证，它应该检查 fname 和 lname 中不应该有数字/数字，stnumber 应该有特定的大小（大小）状态，并且 pincode 应该匹配是否可以与 javascript 验证匹配？？？ ??

<form id="user" method="post" action="" onsubmit="return validateForm()">
 <span>First Name:</span>                       
    <input type="text" class="input" id="fname" name="fname" required>
  <span>Last Name</span>
<input type="text" class="input" id="lname" name="lname" required>
  <span>Student Number</span>
<input type="text" class="input" id="stn" name="stn" required>
 <span>Student address</span>
<input type="text" class="input" id="stad" name="stad" required>
 <span>Town/suburb</span>
<input type="text" class="input" id="town" name="town" required>
 <span>State</span>
<select name="state" id="state">
<option selected>--select--</option>
<option>AAA</option>
<option>BBB</option>
    </select>                               
<span>Postal Code</span>
<input type="text" class="input" id="pcode" name="pcode" required>

4

2 回答 2

0

我真的不明白这个问题，但如果你想让用户输入一个“特定”的大小，你为什么不直接使用

maxlength="size"

财产？

编辑：Javascript 部分

  function isCharKey(evt){
       var charCode = (evt.which) ? evt.which : event.keyCode
       return !(charCode < 31 && (charCode > 48 || charCode < 57));
 }
 var state= document.getElementById("state").value;
 var pcode= document.getElementById("pcode").value;
if (state != pcode) {
    alert("State and Pcode doesn't match");
}

在你的 html

 <input type="text" class="input" id="fname" name="fname" required onkeypress="return isCharKey(event);">
 <input type="text" class="input" id="lname" name="lname" required onkeypress="return isCharKey(event);">
 <input type="text" class="input" id="stn" name="stn" required maxlength="10">

这应该只输入字符而不是数字

编辑2：

<script type="text/javascript">
function isCharKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    return !(charCode < 31 && (charCode > 48 || charCode < 57));
}
function validateForm() {
    var state= document.getElementById("state").value;
    var pcode= document.getElementById("pcode").value;
    if (state != pcode) {
        alert("State and Pcode doesn't match");
    }   
}</script>

在页面底部写下这个

于 2013-10-09T14:00:55.167 回答
-2

如果您的项目允许，您可以使用特定的 HTML5 属性（例如 required、min、max 和 pattern）进行 HTML5 验证。在W3Schools.com和html5pattern.com上查看更多信息

如果需要 Javascript，则有大量的验证库可供选择，例如jQuery Validate或Parsley，它们完全能够完成您想要实现的目标。

于 2013-10-09T13:56:43.720 回答