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 に答える