gpt4 book ai didi

javascript - 通过 javascript 进行多种类型的验证

转载 作者:行者123 更新时间:2023-11-28 07:16:03 25 4
gpt4 key购买 nike

我想通过 javascript 验证提交的文本和多个单选按钮字段。这里是表单代码:

    <!DOCTYPE html>
<html>
<head>
<title>script</title>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<form name="myForm">
<table>
<tr>
<td>
<input type="text" name="job_id" placeholder="*Booking/Job Id no : " >
</td>
<td>
<input type="text" name="taxi_id" placeholder="* Driver Id/Taxi Id " >
</td>
</tr>
<tr>
<td>
<input type="text" name="first_name" placeholder="*First name " >
</td>
<td>
<input type="text" name="last_name" placeholder="*Last name ">
</td>
</tr>
</table><br>
<div class="div1">
<label>1. For how long have you been using our service?</label><br>
<input type="radio" name="fieldset1" value="Less than a month">Less than a month <br>
<input type="radio" name="fieldset1" value="more then one month">more then one month <br>
<input type="radio" name="fieldset1" value="1-7 days">1-7 days <br>
<input type="radio" name="fieldset1" value="Less than a month">Never used <br>
</div><br>
<div class="div2">
<label>2. How often do you use our service?</label><br>
<input type="radio" name="fieldset2" value="Everyday">Everyday <br>
<input type="radio" name="fieldset2" value="Once a week">Once a week <br>
<input type="radio" name="fieldset2" value="2 or 3 times a week">2 or 3 times a week <br>
<input type="radio" name="fieldset2" value="Once a month">Once a month<br>
<input type="radio" name="fieldset2" value="Less than once a month">Less than once a month<br>
</div>
<div class="div3">
<label>3. How satisfied are you with the service?</label><br>
<input type="radio" name="fieldset3" value="Very Satisfied">Very Satisfied<br>
<input type="radio" name="fieldset3" value="Satisfied">Satisfied <br>
<input type="radio" name="fieldset3" value="Neutral">Neutral<br>
<input type="radio" name="fieldset3" value="Unsatisfied">Unsatisfied<br>
<input type="radio" name="fieldset3" value="Very Unsatisfied">Very Unsatisfied<br>
</div>
<div class="div4">
<label>4. What impressed you most about the service ?</label><br>
<input type="radio" name="fieldset4" value="Quality">Quality<br>
<input type="radio" name="fieldset4" value="Price">Price<br>
<input type="radio" name="fieldset4" value="Sevice">Sevice <br>
<input type="radio" name="fieldset4" value="Customer Service">Customer Service<br>
</div>
<div class="div5">
<label>5. What disappointed you most about the service ?</label><br>
<input type="radio" name="fieldset5" value="Quality">Quality<br>
<input type="radio" name="fieldset5" value="Price">Price<br>
<input type="radio" name="fieldset5" value="Sevice">Sevice <br>
<input type="radio" name="fieldset5" value="Customer Service">Customer Service<br>
</div>

现在我想验证 js 文件中的单选按钮表单。最短/最好的方法是什么?

最佳答案

类似这样的事情吗?

var method = document.getElementsByName('fieldset1');
var ischecked_method = false;
for ( var i = 0; i < method.length; i++) {
if(method[i].checked) {
ischecked_method = true;
break;
}
}
if(!ischecked_method) {
alert("Please choose something!");
}

DEMO

编辑:

http://jsfiddle.net/0sw19Lt1/13/

关于javascript - 通过 javascript 进行多种类型的验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30813366/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com