2017-02-26 1 views
0

これは私が書いたコードですが、Javascriptのバリデーションは機能していません。これは過去の論文の質問です。 プログラムは、HTMLフォームと検証は、ユーザー名が空であってはならないと電話テキストボックスをフォームの数値JavaScriptの関数とバリデーションでこのHTMLコードを書いたのですが、バリデーションがうまくいかず、何が間違っているのですか?

JavaScript関数

function val(this) 
{ 
    if(document.Regal.UName.value.length==0) 
    { 
    alert("UserName Empty"); 
    return false; 
    } 
    if (isNaN(document.valid.TeleNO.value)) 
    { 
    prompt("Telephone Empty"); 
    } 
} 
</script> 
</head> 
<body> 
<form="Regal"> 
<h1><b>Regal Real Estate Agency</b></h1><br> 
<h2><b><u>Property Inspection Request Form</u></b></h2><br> 
Name: 
    <input type="text" name="Name"><br> 
Telephone: 
    <input type="text" name="Telephone"><br> 
Reference Code: 
    <input type="text" name="RC"><br> 
Select Site To Vist 
    <select name="Select Site"> 
    <option value ="Select Site"checked="checked">Select Site</option> 
    <option value ="Colombo">Colombo</option> 
    <option value ="Gampha">Gampha</option> 
    <option value ="Galle">Galle</option> 
    </select> 
    When Is It Convient For Us To Contact You To Make An Appointment? 
    <input type="radio" name="appointment" value="Morning" checked="true"> 
    <input type="radio" name="appointment" value="Afternoon"> 
    <br> 
    <input type="button" name="SendInfo" value="Send" onclick="return val()"/> <br><br> 
    <input type="button" name="SendInfo" value="Cancel"><br> 
</form> 
</body> 
</html> 
+0

コードが@shofstetter – shofstetter

+0

を行うことになっているものを説明してくださいユーザー名は空であってはならず、Telephone Textboxは数値でなければなりません –

+0

@schofsetter men何が起こると予想されているのか、実際に何が起こっているのか、そして何を試しているのかを説明する必要があります。 SOはあなたのコードを修正するだけの人物ではありません。 – Theo

答えて

1

でなければならないことです検証 とJavaScript関数が含まれていますフォームのonsubmitイベントを使用する必要があります。 https://www.w3schools.com/js/js_validation.asp

Javascriptを::

このページでは、あなたに役立つはずですいくつかの例が含まれて

function validateForm() { 
    var x = document.forms["myForm"]["fname"].value; 
    if (x == "") { 
     alert("Name must be filled out"); 
     return false; 
    } 
} 

HTML:

<form name="myForm" action="/action_page_post.php" onsubmit="return validateForm()" method="post"> 
Name: <input type="text" name="fname"> 
<input type="submit" value="Submit"> 
</form> 
+0

ありがとう、私はこれを試してみよう –

関連する問題